본문 바로가기
반응형

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.