Reference 검색 결과
209 개의 검색 결과가 있습니다.
CodePen[코드]/Mouse Event

FAQ 토글 버튼

See the Pen FAQ by Katherine Kato (@kathykato) on CodePen. FAQ 토글 버튼

2021. 9. 17. 09:00
CodePen[코드]/Background

백그라운드 패턴 이미지 모음

See the Pen Background patterns by yuanchuan (@yuanchuan) on CodePen. 백그라운드 패턴 이미지 모음

2021. 9. 16. 18:00
CodePen[코드]/Text

CSS를 이용한 통통튀는 텍스트 애니메이션

See the Pen Woohooo! by Dronca Raul (@rauldronca) on CodePen. CSS를 이용한 통통튀는 텍스트 애니메이션

2021. 9. 16. 17:30
CodePen[코드]/Text

CSS를 이용한 텍스트 배경 애니메이션 효과 #1

See the Pen Animated text fill by Daniel Riemer (@zitrusfrisch) on CodePen. CSS를 이용한 텍스트 배경 애니메이션 효과 #1

2021. 9. 16. 17:00
CodePen[코드]/Mouse Event

CSS를 이용한 이미지 hover 애니메이션

See the Pen Hover Effect5 by 윤재현 (@jh91) on CodePen. CSS를 이용한 이미지 hover 애니메이션

2021. 9. 16. 13:30
CodePen[코드]/UI·UX

반응형 Adobe Dashboard UI

See the Pen Glassmorphism Creative Cloud App Redesign by Aysenur Turk (@TurkAysenur) on CodePen. 반응형 Adobe Dashboard UI

2021. 9. 16. 09:30
CodePen[코드]/Slider

Circular Slider 원모양 이미지 슬라이더

See the Pen 29/52 - Circular Slider by Sean (@nevernotsean) on CodePen. Circular Slider 원모양 이미지 슬라이더

2021. 9. 15. 17:30
CodePen[코드]/Slider

Flex를 이용한 이미지 갤러리

See the Pen #Javascript30 - 05: Flex Panel Gallery by Henry Desroches (@xdesro) on CodePen. Flex를 이용한 이미지 갤러리

2021. 9. 15. 17:00
CodePen[코드]/UI·UX

CSS를 이용한 반응형 테이블 UI

See the Pen CSS Responsive Table Layout by Luke Peters (@lukepeters) on CodePen. CSS를 이용한 반응형 테이블 UI

2021. 9. 15. 11:00
CodePen[코드]/UI·UX

테이블헤더가 고정되어 있는 테이블 UI

See the Pen Fixed table header by Nikhil Krishnan (@nikhil8krishnan) on CodePen. 테이블헤더가 고정되어 있는 테이블 UI

2021. 9. 15. 10:00
CodePen[코드]/UI·UX

체크박스 및 조회 기능이 있는 테이블 UI

See the Pen Table UI with TailwindCSS & AlpineJS by Mithicher (@mithicher) on CodePen. 체크박스 및 조회 기능이 있는 테이블 UI DB와 연결해서 데이터 뿌려줄때 좋은 테이블

2021. 9. 15. 09:30
etc[자료들]/Open Source

qrcode.js 다운로드

① 파일 다운로드 ② 사이트 방문 후 직접 다운로드 https://davidshimjs.github.io/qrcodejs/

2021. 9. 15. 09:00
CodePen[코드]/Login UI

로그인 폼 UI #1

See the Pen Login Box Concept by 윤재현 (@jh91) on CodePen. 로그인 폼 UI #1

2021. 9. 14. 18:00
CodePen[코드]/UI·UX

반응형 File 공유 웹페이지 UI

See the Pen File Sharing Web App by Aybüke Ceylan (@aybukeceylan) on CodePen. 반응형 File 공유 웹페이지 UI

2021. 9. 14. 15:30
CodePen[코드]/UI·UX

반응형 그리드 레이아웃 #2

See the Pen Solving Problems With CSS Grid and Flexbox: The Card UI i by Envato Tuts+ (@tutsplus) on CodePen. 반응형 그리드 레이아웃 #2

2021. 9. 14. 15:00
CodePen[코드]/UI·UX

반응형 그리드 레이아웃 #1

See the Pen Polygon.com's masthead style with CSS Grid by Aysha Anggraini (@rrenula) on CodePen. 반응형 그리드 레이아웃 #1

2021. 9. 14. 14:00
etc[자료들]/Open Source

쉽게 사용하는 turn.js 튜토리얼

See the Pen turn.js by 윤재현 (@jh91) on CodePen. 쉽게 사용하는 turn.js 튜토리얼 1.turn.js란? turn.js는 책 또는 잡지를 구현하게 해주는 라이브러리(api)이다. 책 넘김효과, 페이지 이동, 책표지 등을 작업할 때 유용한 도구이다. 2. 적용방법 2-1 turn.js 다운로드 ①깃허브에서 직접 받는다 https://github.com/blasten/turn.js GitHub - blasten/turn.js: The page flip effect for HTML5 The page flip effect for HTML5. Contribute to blasten/turn.js development by creating an account on GitHub...

2021. 9. 14. 13:30
etc[자료들]/Open Source

쉽게 사용하는 qrcode.js 튜토리얼

See the Pen Cross-browser QRCode by Sangmin, Shim (@davidshimjs) on CodePen. 쉽게 사용하는 qrcode.js 튜토리얼 1.qrcode.js란? 원하는 데이터를 qr코드로 만들어 주는 라이브러리(api)이다 정보, 사이트, 이미지 다양한 정보를 qr코드로 만들수 있다. 전자출입명부, 로또 당첨, 이벤트 페이지 연결 등에 주로 사용되고 있다. 2. 적용방법 2-1 qrcode.js 다운로드 ①깃허브에서 직접 받는다 https://davidshimjs.github.io/qrcodejs/

2021. 9. 14. 13:00
CodePen[코드]/Mouse Event

타일 모양의 checkbox 스타일 커스텀

See the Pen Checkbox group styled as tiles by Håvard Brynjulfsen (@havardob) on CodePen. 타일 모양의 checkbox 스타일 커스텀 css만 사용하여 만듬

2021. 9. 14. 12:30
CodePen[코드]/Menu

bootstrap을 이용한 반응형 네비게이션바

See the Pen bootstrap 4 navbar by Piyush (@piyushpd) on CodePen. bootstrap을 이용한 반응형 네비게이션바 반응형 지원, 부트스트랩 사용

2021. 9. 14. 12:00