일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 애니메이션
- 백엔드
- keyframes
- effect
- xcode
- button
- jQuery
- iOS 개발자
- SWIFT
- IOS
- php
- front-end
- 비전공 개발자
- iPhone
- HTML
- 개발자
- 자바스크립트
- html5
- image
- Animation
- 비전공자
- css3
- 프론트엔드
- MAC
- ipad
- javascript
- react
- CSS
- Today
- Total
목록Javascript (176)
비전공자 개발일기
Numbers API http://numbersapi.com/ Numbers API NumbersAPI An API for interesting facts about numbers Bring meaning to your metrics and stories to your dates An API for interesting facts about numbers Bring your metrics and dates to life Let your metrics tell tales with our API of number facts What tale numbersapi.com Get Fact Get Random Fact * { padding: 0; margin: 0; box-sizing: border-box; fon..
* { padding: 0; margin: 0; box-sizing: border-box; font-family: "Roboto Mono", monospace; } .container { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } #battery { box-sizing: content-box; height: 7.8em; width: 17.5em; border: 0.6em solid #246aed; margin: auto; border-radius: 0.6em; position: relative; display: grid; place-items: center; } #battery:before { position:..
a@Q superscript"> H1 H2 H3 H4 H5 H6 Font Color Highlight Color * { padding: 0; margin: 0; box-sizing: border-box; } body { background-color: #338cf4; } .container { background-color: #ffffff; width: 90vmin; padding: 50px 30px; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; border-radius: 10px; box-shadow: 0 25px 50px rgba(7, 20, 35, 0.2); } .options { display: flex; f..
Search * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { background-color: #f4c531; } .container { background-color: #ffffff; font-size: 16px; padding: 3em 2.8em; width: 90vw; max-width: 32em; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; border-radius: 0.6em; } .search-container { width: 100%; display: grid; grid-templat..
Principal($): Rate: Time: Year Month Calculate * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { height: 100vh; background: linear-gradient(#01e26e, #72ffb4); } .container { background-color: #ffffff; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 80vw; max-width: 600px; min-width: 350px; padding: 60px 30px; border-..
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptas, magni. Lorem, ipsum. Get Quote * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { background-color: #f43543; } .wrapper { width: 400px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .container { width: 100%; background-color: #f43543; padding: 50px 40px;..
Click on the 'Get Location' Button Get Location * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { height: 100vh; background: linear-gradient(45deg, #0076ec, #42a1ff); } .container { width: 80vw; max-width: 37.5em; background-color: #ffffff; padding: 3em 1.8em; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 0..
* { padding: 0; margin: 0; box-sizing: border-box; font-family: "Roboto Mono", monospace; } body { height: 100vh; background: linear-gradient(to bottom, #f9544c 50%, #090c31 50%); } .calculator { width: 400px; background-color: #15173c; padding: 50px 30px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 8px; box-shadow: 0 20px 50px rgba(0, 5, 24, 0.4); }..