본문 바로가기

ETC/Etc

자동으로 채워지는 레이아웃 애니메이션 See the Pen Layout is overrated by Andy Barefoot (@andybarefoot) on CodePen. 마우스 방향에 따라 움직이는 글씨
카메라를 이용한 스케치 효과 See the Pen Take Me On by Adam Kuhn (@cobra_winfrey) on CodePen. 카메라를 이용한 스케치 효과
To do list는 이렇게 만들어야 함^^ See the Pen To-Do Terrarium by Olivia Ng (@oliviale) on CodePen. To do list는 이렇게 만들어야 함^^
스크립트를 이용한 그래프 애니메이션 See the Pen Graphs - animated on scroll, responsive, data-driven by Eric Porter (@EricPorter) on CodePen. 스크립트를 이용한 그래프 애니메이션
리얼한 구름 애니메이션이 필요할 때 See the Pen BG Stacking cloud animation by Manan Tank ⚡ (@MananTank) on CodePen. 리얼한 구름 애니메이션이 필요할 때
자물쇠 풀기 스크립트 애니메이션 See the Pen Combination Lock by Carson Ford (@carsonf92) on CodePen. 자물쇠 풀기 스크립트 애니메이션
패스워드 생성기 스크립트 See the Pen Random Password Generator - HTML | CSS | JS by Dev Loop (@dev_loop) on CodePen. 패스워드 생성기 스크립트
스케치 느낌이 귀여운 UI See the Pen Bullet Journal/Sketch Style Elements by Olivia Ng (@oliviale) on CodePen. 스케치 느낌이 귀여운 UI
서브라임 에디터를 똑같이 만들었네요~ See the Pen Sublime Editor by Webstoryboy (@webstoryboy) on CodePen. 서브라임 에디터를 똑같이 만들었네요~
날짜, 시계, 요일 등을 재밌게 표현한 UI See the Pen Circular Calendar Display by Matthew Juggins (@mattjuggins) on CodePen. 날짜, 시계, 요일 등을 재밌게 표현한 UI
스킬을 표현하기 좋은 애니메이션 소스 See the Pen Stats animation. by Jonas Badalic (@JonasBadalic) on CodePen. 스킬을 표현하기 좋은 애니메이션 소스
스킬을 표현 할 수 있는 좋은 애니메이션 See the Pen Animated gauge widget. Zero dependencies! by Aniket Naik (@naikus) on CodePen. 스킬을 표현 할 수 있는 좋은 애니메이션
Checkbox & Radio 및 버튼 UI kits 애니메이션 See the Pen UI Kit for #codepenchallenge by Aaron Iker (@aaroniker) on CodePen. Checkbox & Radio 및 버튼 UI kits 애니메이션
비밀번호를 풀어보세요~ 자물쇠 인터페이스 See the Pen Carousel Lock Interface by Jack Rugile (@jackrugile) on CodePen. 비밀번호를 풀어보세요~ 자물쇠 인터페이스
클릭하면 드럼 소리 내는 자바스크립트 소스 See the Pen #Javascript30 - 01: JavaScript Drum Kit by Henry Desroches (@xdesro) on CodePen. 클릭하면 드럼 소리 내는 자바스크립트 소스입니다. CODE
소리에 따라 반응하는 폰트 크기 애니메이션 See the Pen Volume Controlled Variable Fonts!!!! by Peter Barr (@petebarr) on CodePen. 소리에 따라 반응하는 폰트 크기 애니메이션 Code
[Code] CSS를 이용한 코드 에디터 UI 만들기 See the Pen Pure CSS Code Editor by Aysha Anggraini (@rrenula) on CodePen. CSS를 이용한 코드 에디터 UI 만들기입니다. CODE
분석 차트를 나타낼 수 있는 애니메이션 소스 See the Pen DailyUI #018 - Analytics chart by Fabio Ottaviani (@supah) on CodePen. 분석 차트를 나타낼 수 있는 애니메이션 소스 CODE
OX별 브라우저 디자인 UI CSS 디자인 소스 See the Pen Front End Day 80 - Operating System Forms by Sean Codes (@sean_codes) on CodePen. OX별 브라우저 디자인 UI CSS 디자인 소스 출처
간단한 순위를 보여주는 리더보드 UI 애니메이션 See the Pen DailyUI #019 - Leaderboard by Fabio Ottaviani (@supah) on CodePen. 간단한 순위를 보여주는 리더보드 UI 애니메이션 CODE
디자인이 깔끔한 비행기 티켓 애니메이션 소스 See the Pen DailyUI #024 - Boarding Pass by Fabio Ottaviani (@supah) on CodePen. 디자인이 깔끔한 비행기 티켓 애니메이션 소스 code
의외로 필요할거 같은 이메일 인보이스 UI 소스 See the Pen DailyUI #017 - Email Receipt by Fabio Ottaviani (@supah) on CodePen. 의외로 필요할거 같은 이메일 인보이스 UI 소스 CODE
클릭하면 보기 좋게 바뀌는 TV 애니메이션 UI See the Pen DailyUI #025 - TV App by Fabio Ottaviani (@supah) on CodePen. 클릭하면 보기 좋게 바뀌는 TV 애니메이션 UI CODE
채팅 시스템이 가능한 것처럼 보이는 메세지 UI See the Pen Daily UI #013: Direct Messaging by Fabio Ottaviani (@supah) on CodePen. 채팅 시스템이 가능한 것처럼 보이는 메세지 UI CODE