코드펜 레퍼런스 사이트

See the Pen CSS Chick by Elior Tabeka (@eliortabeka) on CodePen. 귀엽게 날아다니는 병아리 애니메이션 소스 [출처]

See the Pen Navigation Bar by Jan Kaděra by Katy DeCorah (@katydecorah) on CodePen. 3D 느낌으로 구현되는 아이콘 메뉴바 디자인 [출처]

See the Pen Dots by Katy DeCorah (@katydecorah) on CodePen. 정확히 빈 공간으로 이동하는 닷 애니메이션 [출처]

See the Pen Wave by Katy DeCorah (@katydecorah) on CodePen. 물결 모양을 형상화 하는 애니메이션 로딩 [출처]

See the Pen Twinner Spinner II by Katy DeCorah (@katydecorah) on CodePen. See the Pen Twinner Spinner by Katy DeCorah (@katydecorah) on CodePen. See the Pen Twisty Spin by Katy DeCorah (@katydecorah) on CodePen. See the Pen Slicer Spinner by Katy..

See the Pen Css preload animation by Dmitry Gulak (@dimonikys84) on CodePen. 8자 모양을 유지하는 로딩 애니메이션 소스 [출처]

See the Pen Rosaceous by Raphaël Améaume (@raphaelameaume) on CodePen. 단순하게 커졌다 작아졌다 하는 애니메이션 [출처]

See the Pen CSS Circles crossing by Raphaël Améaume (@raphaelameaume) on CodePen. 원형 속에 원형을 이루면서 애니메이션 되는 로딩 [출처]

See the Pen Hamburger SVG Menu + Close Button by apptension (@apptension) on CodePen. 클릭하면 화련하게 변경되는 햄버그 메뉴 [출처]

See the Pen Text shadows Click & drag by Danny Joris (@DannyJoris) on CodePen. 화려한 텍스트 그림자와 마우스로 컨트롤 [출처]

See the Pen Move Me by Tiffany Rayside (@tmrDevelops) on CodePen. 마우스를 클릭하면 따라다니는 레이어 팝업 툴팁 [출처]

See the Pen Star Pentagon by Tiffany Rayside (@tmrDevelops) on CodePen. 스타 펜타곤을 형상화 하는 파티클 애니메이션 [출처]

See the Pen Turbulence by Tiffany Rayside (@tmrDevelops) on CodePen. 마구마구 흔들리는 터블런스 효과 파티클 영상 [출처]

See the Pen Type Shuffle by Tiffany Rayside (@tmrDevelops) on CodePen. 한글자씩 랜덤으로 나오는 텍스트 애니메이션 [출처]

See the Pen Sparkling Blue by Tiffany Rayside (@tmrDevelops) on CodePen. 스파클링 하늘을 표현한 파티클 우주 애니메이션 [출처]

See the Pen Boötes by Tiffany Rayside (@tmrDevelops) on CodePen. 마치 우주속을 날아다니는 듯한 효과의 파티클 [출처]

See the Pen breakout by Tiffany Rayside (@tmrDevelops) on CodePen. 무엇인가를 표현하려는 듯한 파티클 영상 [출처]

See the Pen Midnight Snow by Tiffany Rayside (@tmrDevelops) on CodePen. 눈오는 효과를 정말 리얼하게 표현한 파티클 [출처]

See the Pen psychotomimetic by Tiffany Rayside (@tmrDevelops) on CodePen. 계속보면 정신없는 파티클 애니메이션 소스 영상 [출처]

See the Pen Galactic Orbitals by Tiffany Rayside (@tmrDevelops) on CodePen. 은하계 궤도를 형상화한 파티클 스크립트 애니 [출처]

See the Pen Old School Script Relay by Tiffany Rayside (@tmrDevelops) on CodePen. 오랜된 컴퓨터의 타이포그래픽 애니메이션 [출처]

See the Pen Jellibeans by Tiffany Rayside (@tmrDevelops) on CodePen. 애니메이션과 산뜻한 타이포 그래픽 소스 [출처]

See the Pen Cosmos by Tiffany Rayside (@tmrDevelops) on CodePen. 블랙홀에 빠져드는 듯한 코스모스 파티클 [출처]

See the Pen Switch by Casey Zumwalt (@zumwalt) on CodePen. 디테일한 디자인이 살아있는 스위치 Input [출처]

See the Pen Search all the things by Casey Zumwalt (@zumwalt) on CodePen. 서치 영역의 정보를 보여주는 UI 애니메이션 [출처]

See the Pen Animated Robot by Casey Zumwalt (@zumwalt) on CodePen. 귀엽게 움직이는 애니메이션 로보트 [출처]

See the Pen wByBmJ by Bennett Feely (@bennettfeely) on CodePen. 사각형이 회전하는 로딩 애니메이션 스타일 [출처]

See the Pen Ring Of Fire by GRAY GHOST (@grayghostvisuals) on CodePen. 태양을 상징하는 듯한 파이어 오프 링 애니 [출처]

See the Pen Spikey : The Polyhedron by GRAY GHOST (@grayghostvisuals) on CodePen. 폴리건 디자인을 이용한 다면체 애니메이션 [출처]

See the Pen Wave by GRAY GHOST (@grayghostvisuals) on CodePen. See the Pen Attraction by GRAY GHOST (@grayghostvisuals) on CodePen. TweenMax의 staggerTo를 이용한 웨이브 [출처]