일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 비전공 개발자
- IOS
- 풀스택
- 비전공자
- 애니메이션
- iOS 개발자
- CSS
- javascript
- react
- Animation
- css3
- xcode
- ipad
- hover
- front-end
- SWIFT
- 개발자
- keyframes
- effect
- button
- jQuery
- html5
- image
- iPhone
- 자바스크립트
- MAC
- 프론트엔드
- php
- 백엔드
- HTML
- Today
- Total
목록hover (29)
비전공자 개발일기
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/k3rzl/btrFHF2sejR/kxfJ1mk658oaPbfzRT9rV0/img.jpg)
Design Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cum cumque minus iste veritatis provident at. Read More Code Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cum cumque minus iste veritatis provident at. Read More Launch Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cum cumque minus iste veritatis provident at. Read More body{ margin: 0; padding:..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bI6TZd/btrD4WeETtZ/f5SeQSMd36qcCCvOCrRCT0/img.jpg)
RED BUTTON YELLOW BUTTON GREEN BUTTON BLUE BUTTON ul li { font-size: 16px; font-weight: 600; display: block; text-align: center; cursor: pointer; border-radius: 15px; padding: 5px 0; margin: 10px 0; transition: all .5s ease-in; } .btn-red { border: 2px solid #F0514E; color: #F0514E; } .btn-red:hover { box-shadow: #F0514E 100px 0 0 2px inset; } .btn-yellow { border: 2px solid #F5E234; color: #F5E..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bkwql0/btrzyWEchw2/wccTsKaBIAMmrAzzx8vgf1/img.jpg)
Mac iPad iPhone * { font-size: 50px; } .list { list-style: none; text-align: center; } .link { display: inline-block; margin-block: 2px; text-decoration: none; color: #2598eb; position: relative; } .link::after { content:""; width: 100%; height: 1px; background-color: #6667ab; border-radius: 4px; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transform-origin: left; transition: tr..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/QR1sX/btriiAW9BIb/w7JLy13G7DiWDEEtZfkOX1/img.jpg)
Write number to draw a square (Range : 1 ~ 700) Clear * { box-sizing: border-box; } body { background-color: #111; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } label { color: #fff; text-align: center; margin: 10px; font-size: 50px; } label input, #clear { font-size: 25px; text-align: center; margin: 10px; width..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bdXJj1/btrhTcvRIHN/6NcGMfcnZKor4rgUtbr7KK/img.png)
Home main01 menu1 menu2 menu3 main02 .dropmenu{ border:none; border:0px; margin:0px; padding:0px; font: "sans-serif"; font-size:18px; } .dropmenu ul{ background: #666; height:100px; list-style:none; margin:0; padding:0; } .dropmenu li{ float:left; padding:0px; } .dropmenu li a{ background: #666; color:#fff; display:block; line-height:100px; margin:0px; padding:0px 25px; text-align:center; text-d..