일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- react
- MAC
- hover
- iOS 개발자
- xcode
- 비전공 개발자
- 백엔드
- Animation
- front-end
- jQuery
- 프론트엔드
- CSS
- keyframes
- IOS
- iPhone
- 자바스크립트
- javascript
- css3
- 애니메이션
- image
- php
- HTML
- 풀스택
- button
- ipad
- 비전공자
- SWIFT
- effect
- 개발자
- html5
- Today
- Total
목록프론트엔드 (470)
비전공자 개발일기
MOVIES. Features Pricing Sign Up / Log In ☰ Features Pricing Sign Up / Log In Stream Any Movie at Anytime with No Individual Movie Costs or Rental Fees. TRY IT FREE Thousands of movies with no rental fees. Our monthly plan gives you unlimited access to our movie library. Forget the theaters! Exclusive access to movies in theaters on release date. NEW 4K MOVIES VIEW MORE Watch your favorite movie..
@font-face { font-family: "icomoon"; src: url("https://raw.githubusercontent.com/abxlfazl/music-player-widget/main/src/assets/icomoon/fonts/icomoon.eot?u8ckod"); src: url("https://raw.githubusercontent.com/abxlfazl/music-player-widget/main/src/assets/icomoon/fonts/icomoon.eot?u8ckod#iefix") format("embedded-opentype"), url("https://raw.githubusercontent.com/abxlfazl/music-player-widget/main/src/..
Which one are you? Male Female * { margin: 0; padding: 0; box-sizing: border-box; /* position: relative; */ } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #222; } .container { display: flex; flex-direction: column; align-items: center; gap: 20px; } .container img { max-width: 150px; } .container h2 { font-size: 2em; font-weight: 500; co..
Hover to Shine *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { min-height: 100vh; display: grid; place-items: center; background: #121314; font-family: serif; } .btn { font-size: 1.5rem; padding: 1rem 3rem; color: #F4F4F4; text-transform: uppercase; text-decoration: none; border: 1px solid rgb(146, 148, 248); position: relative; overflow: hidden; } .btn:hover { b..
Click me! *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { min-height: 100vh; display: grid; place-items: center; background: #151515; } .bubbly-button { display: inline-block; font-size: 1em; padding: 1em 2em; margin-top: 100px; margin-bottom: 60px; -webkit-appearance: none; appearance: none; background-color: #ff0081; color: #fff; border-radius: 4px; border: non..
police police police police * { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #355463; overflow: hidden; } .road { width: 100vw; display: flex; justify-content: center; align-items: center; transform-style: preserve-3d; transform: rotate(-15deg); } .road::before { conte..
* { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background: radial-gradient(#222, #000); } .loader-inner { width: 100px; height: 60px; margin: auto; position: absolute; inset: 0; } .loader-line-wrap { animation: spin 2000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite; width: 100px; height: 50px; left..
* { margin: 0; padding: 0; box-sizing: border-box; position: relative; } body { display: flex; justify-content: center; align-items: center; background-color: #222; min-height: 100vh; } .container { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 40px; } .container .rating { display: flex; flex-direction: row-reverse; padding: 30px 40px; border: 3px soli..