일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- hover
- xcode
- iOS 개발자
- CSS
- 비전공 개발자
- jQuery
- keyframes
- SWIFT
- effect
- 자바스크립트
- 백엔드
- 애니메이션
- 개발자
- 풀스택
- MAC
- css3
- html5
- 프론트엔드
- IOS
- php
- Animation
- image
- HTML
- react
- 비전공자
- button
- ipad
- front-end
- iPhone
- javascript
- Today
- Total
목록css3 (310)
비전공자 개발일기
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/7Sjzz/btrOQcjwCKV/4hXLr6EjbmimmKK0YbzRlk/img.jpg)
Sign In See what's next Watch anywhere. Cancel Anytime Watch Free For 30 Days Cancel at any time Watch anywhere Pick your price If you decide Netflix isn't for you - no problem. No commitment. Cancel online anytime. Watch Free For 30 Days Watch TV shows and movies anytime, anywhere — personalized for you. Watch Free For 30 Days Watch on your TV Smart TVs, PlayStation, Xbox, Chromecast, Apple TV,..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/oE8aU/btrOyNRODKA/neJfFKKwXv1TVZjaH15BSk/img.jpg)
*{ margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; } body{ background:#311b92; position:relative; } .share{ display:block; width:60px; height:60px; background:#ff9100; position:absolute; top:300px; left:50%; z-index:999; text-align:center; overflow:hidden; line-height:65px; font-size:1.5em; color:#fff; -moz-box-shadow: 0px 3px 9px rgba(0,0,0,.5); -webkit-box-shadow: 0p..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/brhGy0/btrOqiF2oVe/nbSkKFxzP230hM0C4ZtYKK/img.jpg)
♥ /* Try clicking it quickly and slowly. Try long and short button presses. :^) */ /* Remove a::before from line 55 to remove text. */ *, *::before, *::after { box-sizing: border-box; font-family: "Poppins", sans-serif; } body, html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; line-height: 0; ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/UQzxH/btrOmWaoI1X/gpFojfCWGyTPc3mQeYVork/img.jpg)
JavaScript Password Strength Validation Example Password: Show Password
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/qZwZ3/btrOgyN4zVL/oiHkf4H5HTCa8rVsY4Xjj1/img.jpg)
body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #dab785; } .container { position: relative; cursor: pointer; } .iris { position: absolute; width: 70px; height: 70px; border: 5px solid #333; background-color: #0077b6; border-radius:50%; left:40px; top:30px; } .iris:before { content:""; position: absolute; background-color: #333; border-radius:5..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bpGbrz/btrN4OLP9Xj/XLZDxE0GynTPJJznn8q0F0/img.jpg)
2048 new game Paused reset continue end 2048 Score: pause Control left up down right You can also use Arrow keys! *{ margin:0; padding:0; box-sizing:border-box; } p{ border-radius:10px; padding:5px; border:2px solid white; background:lightgray; color:black; font-size:18px; text-align: center; } button{ font-family: 'Sniglet', cursive; } body { background: linear-gradient(45deg, rgba(189,245,152,..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/byUEFR/btrN4PwI8tZ/Dp159TUWGGKKjHKF46rtp0/img.jpg)
^ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: Arial, Helvetica, sans-serif; } .container { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; gap: 2rem; } .wrapper { height: 300px; width: 300px; pos..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/trIzw/btrN38JOjpq/IM8pAkuvR8eyLEZvKtvi01/img.jpg)
Random IPv4 Generator Range Start End Amount Output Generate Copy Download Page loaded successfuly @import url('https://fonts.googleapis.com/css?family=Kodchasan&display=swap'); ::-moz-selection { color: #ffffff; background: #000000; } ::selection { color: #ffffff; background: #000000; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appear..