일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- HTML
- image
- CSS
- SWIFT
- react
- IOS
- effect
- 비전공자
- Animation
- iOS 개발자
- xcode
- 비전공 개발자
- keyframes
- button
- 자바스크립트
- ipad
- 프론트엔드
- front-end
- css3
- 백엔드
- iPhone
- php
- jQuery
- 애니메이션
- MAC
- 풀스택
- html5
- 개발자
- hover
- javascript
- Today
- Total
목록프론트엔드 (470)
비전공자 개발일기
Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not c..
* { padding: 0; margin: 0; box-sizing: border-box; font-family: "Roboto Mono", monospace; } body { height: 100vh; background: linear-gradient(to bottom, #f9544c 50%, #090c31 50%); } .calculator { width: 400px; background-color: #15173c; padding: 50px 30px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 8px; box-shadow: 0 20px 50px rgba(0, 5, 24, 0.4); }..
Email Id Please Enter A Valid Email Id *, *:before, *:after{ padding: 0; margin: 0; box-sizing: border-box; } body{ height: 100vh; background: linear-gradient( 135deg, #61d954, #2ebf75 ); } .container{ width: 400px; background-color: #ffffff; padding: 50px 30px; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; border-radius: 10px; box-shadow: 25px 25px 30px rgba(0,0,0,0...
Password Strength Check * { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #222; } .container { width: 400px; padding: 30px 30px 70px 30px; background-color: #333; display: flex; justify-content: center; flex-direction: column; border: 1px solid #111; gap: 10px; -webkit-..
* { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { min-height: 100vh; overflow: hidden; background-color: #FFF; } .container { display: flex; flex-wrap: wrap; transform-style: preserve-3d; perspective: 1000px; } .container .block { width: 5vw; height: 5vw; background: url('img.jpg'); background-size: cover; background-attachment: fixed; background-position: center; t..
New Apple Watch $500 Buy Now * { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #09383E; } .card { width: 300px; height: 400px; background-color: #FFF; transform-style: preserve-3d; transform: perspective(2000px); transition: 1s; box-shadow: inset 300px 0 50px rgba(0, 0,..
Search All Topwear Bottomwear Jacket Watch * { padding: 0; margin: 0; box-sizing: border-box; border: none; outline: none; font-family: "Poppins", sans-serif; } body { background-color: #f5f8ff; } .wrapper { width: 95%; margin: 0 auto; } #search-container { margin: 1em 0; } #search-container input { background-color: transparent; width: 40%; border-bottom: 2px solid #110f29; padding: 1em 0.3em; ..
* { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #111; } .box { width: 340px; height: 200px; display: flex; } .box .circle { min-width: 200px; height: 200px; border: 25px solid #FFF; border-radius: 50%; } .box .circle:nth-child(1)::before { content: ''; position: absol..