일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- hover
- 자바스크립트
- css3
- 풀스택
- jQuery
- html5
- ipad
- react
- effect
- MAC
- SWIFT
- iOS 개발자
- CSS
- IOS
- Animation
- 개발자
- HTML
- javascript
- keyframes
- button
- 백엔드
- xcode
- iPhone
- 애니메이션
- image
- front-end
- 비전공 개발자
- 프론트엔드
- 비전공자
- php
- Today
- Total
목록Javascript (176)
비전공자 개발일기
![](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 {..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/byGJqq/btrSnVTHNMi/8kAhvqmI5jcTgn9uJhpBZk/img.png)
Search Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id, aut aliquam molestias a provident vel deleniti laborum voluptatibus animi labore eligendi possimus, maiores accusantium in officia sit reiciendis laudantium totam nihil optio aliquid sapiente quasi. Architecto labore voluptas iste omnis doloribus minima, veritatis quibusdam animi eaque deserunt non repellendus accusantium rerum..