본문 바로가기

ETC

같은 그림 찾는 이모지 게임 See the Pen Emoji Match Game by Tom Miller (@creativeocean) on CodePen. 같은 그림 찾는 이모지 게임
패스워드 생성기 스크립트 See the Pen Random Password Generator - HTML | CSS | JS by Dev Loop (@dev_loop) on CodePen. 패스워드 생성기 스크립트
그리드를 이용한 애니메이션 See the Pen Animated CSS Grid Firefoxes by Michelle Barker (@michellebarker) on CodePen. 그리드를 이용한 애니메이션
이런 스타일은 그리드를 어떻게 할까? See the Pen CSS Grid: Smashing Mag's Contents Page by Olivia Ng (@oliviale) on CodePen. 이런 스타일은 그리드를 어떻게 할까?
매거진 스타일의 그리드 페이지 See the Pen CSS Grid: Magazine Layouts by Olivia Ng (@oliviale) on CodePen. 매거진 스타일의 그리드 페이지
스케치 느낌이 귀여운 UI See the Pen Bullet Journal/Sketch Style Elements by Olivia Ng (@oliviale) on CodePen. 스케치 느낌이 귀여운 UI
코딩을 편하게 보여주는 이미지 See the Pen direction-aware shadow with ES6 by Mert Cukuren (@knyttneve) 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 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. 로그인과 회원가입을 할 수 있는 창
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. 정말 실사 같은 사실적인 모바일 이미지
날짜, 시계, 요일 등을 재밌게 표현한 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. 로테이션되는 모바일 카드 스타일 애니메이션
Checkbox & Radio 및 버튼 UI kits 애니메이션 See the Pen UI Kit for #codepenchallenge by Aaron Iker (@aaroniker) on CodePen. Checkbox & Radio 및 버튼 UI kits 애니메이션
ainmatin Steps 속성 알아보기 See the Pen Visual Reference: Steps() and Other Easings, Translate by Dan Wilson (@danwilson) on CodePen. ainmatin Steps 속성 알아보기