본문 바로가기

ETC

애플 애니메이션을 이용한 시계 애니메이션 See the Pen #Codevember 02 - Time by Ryan Mulligan (@hexagoncircle) on CodePen. 애플 애니메이션을 이용한 시계 애니메이션
CSS Selector를 설명 잘한 소스 See the Pen CSS selectors cheatsheet by nana (@nana8) on CodePen. CSS Selector를 설명 잘한 소스
핵사 코드 색을 알려주는 스크립트 See the Pen Visual Hexadecimal for Cali by Muhammed Erdem (@JavaScriptJunkie) on CodePen. 핵사 코드 색을 알려주는 스크립트
버튼을 누르면 유튜브 영상 나오기 See the Pen Morph Play Button To Video Player #GSAP #ExpoScaleEase by Muhammed Erdem (@JavaScriptJunkie) on CodePen. 버튼을 누르면 유튜브 영상 나오기
tweenmax를 이용한 시계 애니메이션 See the Pen Flat Realtime Clock by halvves (@halvves) on CodePen. 마우스 방향에 따라 움직이는 글씨
코드와 관련된 태그 타자 게임 See the Pen Kill Dev Words: The Game by Benjamin Koehler (@Benny29390) on CodePen. 코드와 관련된 태그 타자 게임
CSS 속성 맞추는 게임 See the Pen The Toasty CSS Quiz! by Benjamin Koehler (@Benny29390) on CodePen. CSS 속성 맞추는 게임
로그인과 회원가입을 할 수 있는 창 See the Pen Slide Form by Arturo Cabrera (@Pixmy) on CodePen. 로그인과 회원가입을 할 수 있는 창
바를 올려 놓으면 음악이 재생되는 플레이어 See the Pen SVG SoundCloud Vinyl Player by Chris Gannon (@chrisgannon) on CodePen. 바를 올려 놓으면 음악이 재생되는 플레이어
CSS Filter를 이용한 이미지 효과 보기 See the Pen CSS Filters by Valentin (@nitnelav) on CodePen. CSS Filter를 이용한 이미지 효과 보기
카트 맞추기 게임 스크립트 See the Pen SMB3 Memory Card Game by Ryan Mulligan (@hexagoncircle) on CodePen. 카트 맞추기 게임 스크립트
서브라임 에디터를 똑같이 만들었네요~ See the Pen Sublime Editor by Webstoryboy (@webstoryboy) on CodePen. 서브라임 에디터를 똑같이 만들었네요~
정말 실사 같은 사실적인 모바일 이미지 See the Pen Photorealistic pure CSS mobile phone by Grzegorz Witczak (@Wujek_Greg) on CodePen. 정말 실사 같은 사실적인 모바일 이미지
시계를 표현하는 능력이 좋네요^^ See the Pen Time Series 2: Typographic Clock by Peter Norton (@graphilla) on CodePen. 시계를 표현하는 능력이 좋네요^^
리액트를 이용한 백그라운은 시계 See the Pen ReactJS Clock with different formats by Ahmed Tarek (@ahmedtarek2134) on CodePen. 리액트를 이용한 백그라운은 시계
Card 스타일의 뮤직 플레이어 See the Pen Card Music Player by Mike Quinn (@mprquinn) on CodePen. Card 스타일의 뮤직 플레이어
날짜, 시계, 요일 등을 재밌게 표현한 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. 스킬을 표현 할 수 있는 좋은 애니메이션
Conic Gradient라고 들어보셨는지요? See the Pen ⃞⏀ by Scott Kellum (@scottkellum) on CodePen. Conic Gradient라고 들어보셨는지요?
컬러를 자동으로 뽑아내는 Ticktack.js See the Pen cubehelix ticktack.js by David A. (@meodai) on CodePen. 컬러를 자동으로 뽑아내는 Ticktack.js
랜덤 색 뽑아내는 Color harmonies See the Pen "Random" color harmonies by David A. (@meodai) on CodePen. 랜덤 색 뽑아내는 Color harmonies
다양한 색을 추출하는 Der Bunt See the Pen Der Bunt: Color Harmonies (Alpha 1.1) by David A. (@meodai) on CodePen. 다양한 색을 추출하는 Der Bunt
색을 추출하는 그라디언트 에디터 See the Pen Experimental Gradient Editor by David A. (@meodai) on CodePen. 색을 추출하는 그라디언트 에디터
색을 추출하는 color picker 위젯 iro.js See the Pen iro.js demo by James Daniel (@rakujira) on CodePen. 색을 추출하는 color picker 위젯 iro.js
Transform-origin 보기 좋은 샘플 예제 See the Pen Transform Origin Examples by Krystal Campioni (@krystalcampioni) on CodePen. Transform-origin 보기 좋은 샘플 예제
카드 스타일에서 상세페이지 보여주는 애니메이션 See the Pen (⌐🔴_🔵) Turnable Tables, Part 2 (🔴_🔵¬) | 3D CSS Record Player App | @keyframers 1.18.1 by @keyframers (@keyframers) on CodePen. 카드 스타일에서 상세페이지 보여주는 애니메이션
로테이션되는 모바일 카드 스타일 애니메이션 See the Pen 🌀Revealing Rotations | 3D Card Spin Transition | @keyframers 1.25.0 by @keyframers (@keyframers) on CodePen. 로테이션되는 모바일 카드 스타일 애니메이션
노래 가사랑 싱크를 맞추어 주는 스크립트 See the Pen Lyrics Player by Zed Dash (@z-) on CodePen. 노래 가사랑 싱크를 맞추어 주는 스크립트
Checkbox & Radio 및 버튼 UI kits 애니메이션 See the Pen UI Kit for #codepenchallenge by Aaron Iker (@aaroniker) on CodePen. Checkbox & Radio 및 버튼 UI kits 애니메이션