일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- iOS 개발자
- html5
- front-end
- 개발자
- 비전공자
- 프론트엔드
- image
- keyframes
- ipad
- php
- react
- Animation
- javascript
- MAC
- IOS
- effect
- SWIFT
- 백엔드
- 풀스택
- button
- HTML
- 자바스크립트
- 애니메이션
- xcode
- jQuery
- hover
- 비전공 개발자
- css3
- iPhone
- CSS
- Today
- Total
목록비전공 개발자 (290)
비전공자 개발일기
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..
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 {..
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..
Full Name * { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background: linear-gradient(45deg, #2196F3, #FF4685); } .container { padding: 50px; background-color: #FFF; display: flex; justify-content: center; align-items: center; border-radius: 8px; box-shadow: 0 15px 35px rgba(0, 0, 0, ...
Aspect Ratio Width: Height: * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { background-color: #895cf3; } .container { width: 500px; background-color: #ffffff; padding: 80px 40px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 10px; box-shadow: 0 30px 45px rgba(18, 8, 39, 0.2); } h2 { text-align: center; fo..
Sign in Forget Password Sign up * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #EFF0F4; } .container { position: relative; left: -80px; display: flex; justify-content: center; align-items: center; } .container .drop { position: relative; width: 350px; height: 350px; box-shadow: inset 20..
Height Width Copy *{ padding: 0; margin: 0; box-sizing: border-box; outline: none; font-family: "Roboto Mono",monospace; font-weight: 400; color: #010120; } body{ background-color: #008dff; } .wrapper{ background-color: #ffffff; width: 45%; min-width: 550px; padding: 30px; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; border-radius: 8px; } .output{ background-color: #..
Heads: 0 Tails: 0 Flip Coin Reset *{ padding: 0; margin: 0; box-sizing: border-box; font-family: "Rubik",sans-serif; } body{ height: 100%; background: linear-gradient( to right, #575ce5 50%, #f9fbfc 50% ) fixed; } .container{ background-color: #ffffff; width: 400px; padding: 50px; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; box-shadow: 15px 30px 35px rgba(0,0,0,0.1)..