디자인 구성 소스들
- 페이지 구성 소스들
- 제목
- 반반 제목 따라 움직이기
https://codepen.io/her2237/pen/wvGgQge
-전체 페이지
https://tympanus.net/Development/PageTransitions/
A Collection of Page Transitions
A collection ofPage Transitions A collection ofPage Transitions A collection ofPage Transitions A collection ofPage Transitions A collection ofPage Transitions A collection ofPage Transitions
tympanus.net
-https://codepen.io/her2237/pen/qBZRKoQ
Social swatchbook
Pretty simple draft with transform rotate. FontAwesome for icons. Any thought ?...
codepen.io
- 디자인 슬라이드 구성
https://wsss.tistory.com/category/Slider/Image%20Slider
'Slider/Image Slider' 카테고리의 글 목록
코드펜 레퍼런스 사이트입니다.
wsss.tistory.com
* 책 넘기는 슬라이드 디자인*
- https://codepen.io/her2237/pen/mdPRzEo
Pure CSS Magazine style layout with transitions
Inspired by the following https://dribbble.com/shots/6590909-Cult-Fashion...
codepen.io
- 신문지 디자인
https://codepen.io/her2237/pen/GRZrYge
CSS Grid: Newspaper Layout
"Young" front-end designer lmao. Background from [Subtle Patterns](https://www.toptal.com/designers/subtlepatterns/)...
codepen.io
- 포스터 신문지 느낌의 이미지
-https://codepen.io/her2237/pen/xxVgyNm
- 슬라이드 작아졌다가 커지는 느낌
https://codepen.io/her2237/pen/xxVgyPz
Slice Slider
A little slicey transition slider using a simple add class deal. Wanted to see if I could get this interaction butter smooth, with just css transitio...
codepen.io
- 메뉴 갈라지는 효과
https://codepen.io/her2237/pen/MWyJPGE
Split Text Menu
Work in progress. Please hold! :]...
codepen.io
- 메뉴 동그란 효과
https://codepen.io/her2237/pen/poyRxKw
Warp Drive! A pure CSS 3D Radial Menu
Super radial menu hyper action! Chrome only for the time being...
codepen.io
- 서클 메뉴
https://codepen.io/her2237/pen/oNxBaym
Circle Navigation
Experimental navigation menu for a technical website. Built with GreenSock Animation Platform and SVG....
codepen.io
- 메뉴 반반 호버 효과
https://codepen.io/her2237/pen/PoNWyyP
CSS-only Sliding Panels using transforms
Sliding panels around to give greater emphasis to the active panel. Uses only CSS `:hover` states with `transform`/`opacity` transitions for maximum pe...
codepen.io
- 화면 슬라이드 전환 효과
https://codepen.io/her2237/pen/JjXEmee
- 카드 호버효과
https://codepen.io/her2237/pen/poyRxYW
Info Cards Concept
...
codepen.io
-카드 튀어나오는 효과
https://codepen.io/her2237/pen/poyRxBW
Hearthstone Style Card Hover
My take on a HTML/CSS version of card hover effects similar to Hearthstone. Inspired by [This tweet](https://twitter.com/jonikorpi/status/910538054280...
codepen.io
- 서치 느낌 로고 인트로
https://codepen.io/her2237/pen/poyRQga
Animated Search
An animated search tool based on the sweet logo design by Daniel Carlmatz....
codepen.io
- 능력치 스킬 애니메이션
https://codepen.io/her2237/pen/qBZRQZz
tools origin
...
codepen.io
- 물 일렁이는 느낌