복사 붙여넣기 코드모음 (6) 썸네일형 리스트형 input 로그인,회원가입 심플 디자인 코드 html / css -html Google Material Design in CSS3Inputs Name Email a tutorial by scotch.io -css* { box-sizing:border-box; }/* basic stylings ------------------------------------------ */body { background:url(https://scotch.io/wp-content/uploads/2014/07/61.jpg); }.container { font-family:'R.. 로그인 폼 / 로그인 형식 / 인풋 html / css html Sign up Log in css body, html { background-color: #EBECF0; } body, p, input, select, textarea, button { font-family: "Montserrat", sans-serif; letter-spacing: -0.2px; font-size: 16px; } div, p { color: #BABECC; text-shadow: 1px 1px 1px #FFF; } form { padding: 16px; width: 320px; margin: 0 auto; } .segment { padding: 32px 0; text-align: center; } button, input { border: 0; outline: 0; font-s.. 시간 스크립트 html/css 시계 html 00 00 00 00 00 00 PM AM css * { border: 0; box-sizing: border-box; margin: 0; padding: 0; } :root { --hue: 223; --bg: hsl(var(--hue),90%,90%); --fg: hsl(var(--hue),10%,10%); --primary: hsl(var(--hue),90%,55%); --trans-dur: 0.3s; font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1280 - 320)); } body { background-color: var(--bg); color: var(--fg); font: 1em/1.5 "DM Sans", sans-serif; hei.. css 버튼 심플 디자인 코드 html / css html CSS buttons hover effects hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me hover me css * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: "Roboto", sans-serif; color: rgb(85, 75, 85); background-color: rgb(255, 255, 255); } h1 { padding: 5.. 아이콘 체크박스 인풋 html/css html Choose your favorites Discord Framer Sketch Instagram Dribbble Spotify Figma Slack css @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"); *, *:after, *:before { box-sizing: border-box; } body { font-family: "Inter", sans-serif; line-height: 1.5; min-height: 100vh; display: flex; align-items: center; justify-content: center; backgroun.. 다운로드 텍스트 버튼 / 다운로드 화살표 버튼 코드모음 html Download Downloading Open File Download Downloading Open File css .button.dark-single { --background: none; --rectangle: #242836; --success: #4BC793; } .button.white-single { --background: none; --rectangle: #F5F9FF; --arrow: #275efe; --success: #275efe; --shadow: rgba(10, 22, 50, .1); } .button.dark { --background: #242836; --rectangle: #1C212E; --arrow: #F5F9FF; --text: #F5F9FF; --success.. 이전 1 다음
