일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 백엔드
- keyframes
- button
- 애니메이션
- javascript
- 비전공자
- CSS
- 풀스택
- SWIFT
- front-end
- iPhone
- MAC
- Animation
- image
- xcode
- hover
- jQuery
- iOS 개발자
- 개발자
- ipad
- effect
- IOS
- 자바스크립트
- 프론트엔드
- HTML
- 비전공 개발자
- html5
- css3
- react
- php
- Today
- Total
목록javascript (248)
비전공자 개발일기
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cgLIJJ/btrTbUMC3t1/rKDAb0YZ4KfaPo9XYQB6K0/img.png)
* { 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); }..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/blyKEM/btrS6WJ9Q4p/UlVJaMDWUrDYzAYqaYXLgK/img.png)
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...
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/kFy9F/btrS0gP7suN/kTDRIaWAi2F6TGJ17gZnjK/img.png)
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-..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bYarMb/btrSUHF6ygv/MRi6hkeMS4hG0ZBIn2fKz0/img.png)
* { 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..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dhkJ7e/btrSMIlwjxC/lT8CTskdIou329tUWey1pK/img.png)
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; ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cTV5gh/btrSB3knfGp/ggqLE5eU4CEdT1eBFSfqyk/img.png)
Countdown Till 2023 00 Days 00 Hours 00 Minutes 00 Seconds :root { --color-white: #ffffff; --color-black: #202020; --color-glass: rgba(255, 255, 255, 0.05); --color-shadow: 0 0 25px rgba(0, 0, 0, 0.5); } * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; color: var(--color-white); } body { background: url(background-img.jpg); background-repeat: no-repeat; back..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bMIa5H/btrSyhVYIQK/b9GZJGTvRTf1RY6Am82Hy1/img.png)
Search * { padding: 0; margin: 0; box-sizing: border-box; } *:not(i) { font-family: "Poppins", sans-serif; } body { height: 100vh; background: linear-gradient(184deg, #8754ff, #8e2de2); } .container { background-color: #d2daff; width: 90vmin; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; padding: 80px 50px; border-radius: 10px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dYz0JS/btrSqWSTDYw/wP5mQEFk8OKDDjNCXCKp21/img.png)
0 Words 0 Characters * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { background-color: #8b5ceb; } .wrapper { position: absolute; width: 90vmin; transform: translate(-50%, -50%); top: 50%; left: 50%; } .container { background-color: #ffffff; padding: 50px 30px 80px 30px; border-radius: 8px; box-shadow: 0 30px 50px rgba(30, 21, 49, 0.3); } textarea {..