반응형 html494 Vertical Timeline With Icons #html / css#Vertical Timeline With Icons#Author : Riley Egge#타임라인/ Vertical Timeline https://codepen.io/eggeriley/pen/QWReeXO Vertical Timeline With IconsA vertical timeline widget using Font Awesome and pure css. ...codepen.io 2024. 8. 8. 기본적인 체크 박스(checkbox) 결과이미지 html(index.html) Basic Checkbox Basic Checkbox Round Checkbox Round Checkbox Custom Checkbox Custom Checkbox CSS(styles.css)body { font-family: Arial, sans-serif;}.basic-checkbox,.round-checkbox,.custom-checkbox { display: block; position: relative; padding-left: 35px; marg.. 2024. 8. 7. 심플한 애니메이션 탭(Tab bar animation) 결과 이미지 HTML먼저 HTML 구조를 작성합니다: Tab 1 Tab 2 Tab 3 Tab 4 Content 1 Content 2 Content 3 Content 4 CSS탭과 애니메이션 효과를 위한 CSS를 작성합니다:/* styles.css */body { font-family: Arial, sans-serif;}.tab-container { position: relative; display: flex; justify-content: space-around; margin-bottom: 20px; border-bottom: 2px solid #ddd;}.. 2024. 8. 6. 심플한 웹사이트 세로 메뉴 만들기(소스 포함) 샘플이미지 HTML Home Services + Web Development SEO Marketing About Contact CSS (styles.css)body { font-family: Arial, sans-serif;}nav { width: 200px;}.vertical-menu { list-style-type: none; p.. 2024. 8. 6. 심플한 웹사이트 가로 메뉴 만들기(소스 포함) 샘플이미지 #html Home Services Web Development SEO Marketing About Contact #css(styles.css)body { font-family: Arial, sans-serif;}nav { background-color: #333; overflow: hidden;}.menu { list-style.. 2024. 8. 6. React modal using hooks #html / css / js#React modal using hooks#Author : Maxime Preaux#모달 / Modal / React https://codepen.io/deammer/pen/LoMBvp React modal using hooks...codepen.io 2024. 7. 19. React Dialog Modal #html / css / js(Babel)#React Dialog Modal#Mehmet Can#모달 / Modal / React https://codepen.io/m3hm3tcan/pen/yLExMbe Modal window with react-modal...codepen.io 2024. 7. 19. Fancy Digital Clock #html / css / js(TypeScript) / React#Fancy Digital Clock#Author : Hyperplexed#디지털시계 / Digital Clock https://codepen.io/Hyperplexed/pen/XWeaWGL Fancy Digital Clock...codepen.io 2024. 7. 19. React Digital Clock #html / css / js(Babel)#React Digital Clock#Author : Jennifer Poeng#디지털시계 / Digital Clock https://codepen.io/jpoeng/pen/VwvNBQb React Digital Clock...codepen.io 2024. 7. 19. Digital Clock w/ React #html / css / js(Babel)#Digital Clock w/ React#Author : Shane Wilson#디지털시계 / Digital Clock https://codepen.io/srtw/pen/BaQaLvB Digital Clock w/ React...codepen.io 2024. 7. 19. Digital Clock - React #html / css / js(Babel)#Digital Clock - React#Author : Matthew Vincent#디지털 시계 / Digital Clock https://codepen.io/matthewvincent/pen/BKoYLm Digital Clock - ReactGlowing orb clock made with React...codepen.io 2024. 7. 19. Custom radio button CSS only #html / css#Custom radio button CSS only#Author : Mana#radio button / 라디오 버튼 https://codepen.io/manabox/pen/raQmpL Custom radio button CSS onlyCustom and fancy checkbox style with automatic fallback for older browsers. Forked from [Giandomenico Pastore](http://codepen.io/giando110188/)'s Pen ...codepen.io 2024. 5. 17. 이전 1 2 3 4 5 ··· 42 다음