본문 바로가기

web's

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

UI

  • 현재까지 와주신 분
  • 오늘 오신 분
  • 어제 오신 분
[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. 다양한 스타일의 모달 효과 애니메이션 [출처]
[UI/UX] 마우스 방향에 따라 자유롭게 움직이는 패럴럭스 그리드 See the Pen Parallax Grid by Casey Callis (@caseycallis) on CodePen. 마우스 방향에 따라 자유롭게 움직이는 패럴럭스 그리드 [출처]
디자인과 UI/UX가 좋은 계획 앱 모바일 See the Pen Planning App CSS by Simone Bernabè (@simoberny) on CodePen. 디자인과 UI/UX가 좋은 계획 앱 모바일입니다.
[UI/UX] CSS를 이용한 레이아웃 분할 그리드 만들기 See the Pen Polygon.com's masthead style with CSS Grid by Aysha Anggraini (@rrenula) on CodePen. CSS를 이용한 레이아웃 분할 그리드 만들기 [출처]
[Code] CSS를 이용한 코드 에디터 UI 만들기 See the Pen Pure CSS Code Editor by Aysha Anggraini (@rrenula) on CodePen. CSS를 이용한 코드 에디터 UI 만들기입니다. CODE
[UI/UX] CSS를 이용한 웹툰 그리드 시스템 만들기 See the Pen Comic book style layout with CSS Grid by Aysha Anggraini (@rrenula) on CodePen. CSS를 이용한 웹툰 그리드 시스템 만들기 [출처]
[UI/UX] 화면 분할(왼쪽, 위쪽, 오른쪽, 아래쪽) UI 만들기 See the Pen Panels by Brad Arnett (@bradarnett) on CodePen. 화면 분할(왼쪽, 위쪽, 오른쪽, 아래쪽) UI 만들기 [출처]
로그인/로그아웃 모바일 애니메이션 컨셉 UI See the Pen Login/Logout animation concept by Nikolay Talanov (@suez) on CodePen. 로그인/로그아웃 모바일 애니메이션 컨셉 UI
당기면 새롭게 리플래시 되는 애니메이션 모바일 See the Pen Pull Down to Refresh (Paper Plane) by Nikolay Talanov (@suez) on CodePen. 당기면 새롭게 리플래시 되는 애니메이션 모바일
누르면 카드 스타일로 애니메이션 되는 카드 애니메이션 See the Pen Delivery Card Animation by Nikolay Talanov (@suez) on CodePen. 누르면 카드 스타일로 애니메이션 되는 카드 애니메이션
당기면 부드럽게 로딩처리되는 모바일용 스크립트 See the Pen Elastic Pull To Refresh Concept by Nikolay Talanov (@suez) on CodePen. 당기면 부드럽게 로딩처리되는 모바일용 스크립트
컨텐츠를 하나씩 뽑아서 주는 재밌는 모바일 UI See the Pen Printer Pull Down To Refresh by Nikolay Talanov (@suez) on CodePen. 컨텐츠를 하나씩 뽑아서 주는 재밌는 모바일 UI입니다.
[Modal] 반응형을 지원하는 레이어 팝업 모달창 만들기 See the Pen Responsive Modal Design by Ettrics (@ettrics) on CodePen. 반응형을 지원하는 레이어 팝업 모달창 만들기 [출처]
[UI/UX] 반응형이 지원되는 카드 UI 디자인 애니메이션 소스 See the Pen Solving Problems With CSS Grid and Flexbox: The Card UI i by Envato Tuts+ (@tutsplus) on CodePen. 반응형이 지원되는 카드 UI 디자인 애니메이션 소스 [출처]
클릭하면 자세한 설명을 보여주는 인박스 UI See the Pen CSS Inbox User Interface by Jamie Coulter (@jcoulterdesign) on CodePen. 클릭하면 자세한 설명을 보여주는 인박스 UI
날씨 앱에서 많이 쓰일 듯한 애플리케이션 UI See the Pen Weather Application built with jQuery and Yahoo Weather API (4 color schemes) ⭐ by Stefan Tudoran (@tns301) on CodePen. 날씨 앱에서 많이 쓰일 듯한 애플리케이션 UI
[UI/UX] 반응형을 지원하는 CSS 그리드 레이아웃 UI See the Pen CSS Grid Responsive Image Gallery by Stephanie (@ramenhog) on CodePen. 반응형을 지원하는 CSS 그리드 레이아웃 UI [출처]
OS별 브라우저 디자인 UI CSS 디자인 소스 See the Pen Front End Day 80 - Operating System Forms by Sean Codes (@sean_codes) on CodePen. OX별 브라우저 디자인 UI CSS 디자인 소스 출처
클릭하면 보기 좋게 바뀌는 TV 애니메이션 UI See the Pen DailyUI #025 - TV App by Fabio Ottaviani (@supah) on CodePen. 클릭하면 보기 좋게 바뀌는 TV 애니메이션 UI CODE

티스토리툴바