일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- jQuery
- 개발자
- hover
- MAC
- iOS 개발자
- php
- keyframes
- effect
- javascript
- Animation
- css3
- 풀스택
- button
- SWIFT
- image
- ipad
- react
- iPhone
- HTML
- xcode
- 비전공 개발자
- html5
- 백엔드
- 비전공자
- front-end
- 자바스크립트
- 애니메이션
- CSS
- 프론트엔드
- IOS
- Today
- Total
목록javascript (248)
비전공자 개발일기
![](http://i1.daumcdn.net/thumb/C150x150/?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/?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/?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/?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/?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/?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..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/sIIeR/btrNUaNPqxj/DqMM8Pibhk5UlaszTRIUDk/img.jpg)
Login Forgot Password Sign up * { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #1DD1A1; transition: .5s; } .login { padding: 50px; background-color: #FFF; width: 400px; display: flex; flex-direction: column; gap: 20px; box-shadow: 0 25px 50px rgba(0, 0, 0, .1); } .logi..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/blCOrM/btrNTAzcFuM/h5JFlhIOeZlsGi1hUaTexK/img.jpg)
Enter the code generated on your mobile device below to log in! @import url('https://fonts.googleapis.com/css?family=Raleway:200'); body, html { height: 100%; margin: 0; font-family: 'Raleway', sans-serif; font-weight: 200; } body { background-color: #0f0f1a; display: flex; align-items: center; justify-content: center; flex-direction: column; } .digit-group input { width: 30px; height: 50px; bac..