본문 바로가기

web's

#css #animation #canvas #svg #button #scroll

UI/Modal UI

  • 현재까지 와주신 분
  • 오늘 오신 분
  • 어제 오신 분
드래그 되는 모달 창 GSAP See the Pen Moving a modal with GSAP Draggable & Tailwind CSS by Jorge Cheevers (@jorgecheevers) on CodePen. 드래그 되는 모달 창 GSAP
스크롤 가능한 모달 UI See the Pen Modal with scroll and faded text by Håvard Brynjulfsen (@havardob) on CodePen. 스크롤 가능한 모달 UI
CSS로만 만든 모달 창(레이어 팝업) See the Pen Pure CSS Modal - #15 by Ivan Grozdic (@ig_design) on CodePen. CSS로만 만든 모달 창(레이어 팝업)
윈도우 팝업처럼 나오는 모달 창 See the Pen Front End Day 40 - Modal popup with no javascript by sean_codes (@sean_codes) on CodePen. 윈도우 팝업처럼 나오는 모달 창
밑으로 살짝 나오는 모달 스타일의 애니메이션 See the Pen Modal Mitosis 🦠 | CSS-Only Gooey Content Toggle | @keyframers 2.5.0 by @keyframers (@keyframers) on CodePen. 밑으로 살짝 나오는 모달 스타일의 애니메이션
클릭하면 원이 커지는 모달 애니메이션 See the Pen Material Design Modal in Pure CSS by Johan Fagerbeg (@birjolaxew) on CodePen. 클릭하면 원이 커지는 모달 애니메이션
클릭하면 흔들리는 모달창 레이어 팝업 애니메이션 See the Pen Daily UI #011 Flash Message by Emil (@emilcarlsson) on CodePen. 클릭하면 흔들리는 모달창 레이어 팝업 애니메이션
심플한 대화식 레이어 팝업 모달 애니메이션 See the Pen Native dialog element by Rune Sejer Hoffmann (@RSH87) on CodePen. 심플한 대화식 레이어 팝업 모달 애니메이션
빈티지 느낌이 나는 모달 스타일 디자인 소스 See the Pen rémi's pop-up by Thibaud Goiffon (@Gthibaud) on CodePen. 빈티지 느낌이 나는 모달 스타일 디자인 소스입니다.
클릭하면 아래에서 위로 올라오는 팝업 창 See the Pen Full Width/Height Modal by Olivia Ng (@oliviale) on CodePen. 클릭하면 아래에서 위로 올라오는 팝업 창입니다.
클릭하면 나타나는 레이어 팝업 디자인 See the Pen Flat Modal Window by Dronca Raul (@rauldronca) on CodePen. 클릭하면 레이어 팝업과 배경을 뿌옇게 해주는 소스입니다. 깔끔한 레이어 팝업입니다. SITE
[Modal] 클릭하면 동영상 재생되는 레이어 팝업 See the Pen Garage Door Video Modal by GRAY GHOST (@grayghostvisuals) on CodePen. 클릭하면 동영상 재생되는 레이어 팝업 [출처]
[Modal] 슬라이드 효과를 구현한 레이어 팝업 애니메이션 See the Pen Mocean SliderModals by GRAY GHOST (@grayghostvisuals) on CodePen. 슬라이드 효과를 구현한 레이어 팝업 애니메이션 [출처]
[Modal] 3D 효과로 구현한 레이어 팝업 애니메이션 See the Pen Mocean 3D Modals by GRAY GHOST (@grayghostvisuals) on CodePen. 3D 효과로 구현한 레이어 팝업 애니메이션 [출처]
[Modal] 다양한 스타일의 모달 효과 애니메이션 See the Pen Mocean PlayfulModals by GRAY GHOST (@grayghostvisuals) on CodePen. 다양한 스타일의 모달 효과 애니메이션 [출처]
[Modal] 반응형을 지원하는 레이어 팝업 모달창 만들기 See the Pen Responsive Modal Design by Ettrics (@ettrics) on CodePen. 반응형을 지원하는 레이어 팝업 모달창 만들기 [출처]

티스토리툴바