Side Drawer

보통

우측에서 슬라이드되는 사이드 드로어

#click#javascript#smooth

라이브 데모

코드

modals.css

@keyframes slideInRight {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}
.side-drawer {
  animation: slideInRight 0.3s ease;
}