일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 비전공 개발자
- 프론트엔드
- MAC
- 풀스택
- ipad
- 개발자
- effect
- html5
- image
- iPhone
- php
- HTML
- IOS
- 비전공자
- javascript
- keyframes
- hover
- button
- jQuery
- CSS
- 애니메이션
- css3
- front-end
- 백엔드
- iOS 개발자
- react
- 자바스크립트
- SWIFT
- Animation
- xcode
- Today
- Total
목록비전공 개발자 (290)
비전공자 개발일기
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bkwe8X/btrYJRRhaYt/8j5RcjIomgoyn6Y6ZpVGIK/img.png)
OLLEH!!! body { height: 100vh; display: grid; place-items: center; font-family: "bebas", sans-serif; background-color: #000; } .particletext { text-align: center; font-size: 48px; position: relative; color: #fff; } .particletext.confetti > .particle { opacity: 0; position: absolute; -webkit-animation: confetti 3s ease-in infinite; animation: confetti 3s ease-in infinite; } .particletext.confetti..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/3GcZV/btrYARwKOVO/HKNjA0Has8eFHzklUkqe1k/img.png)
Send Message body { display: grid; place-items: center; height: 100vh; background: #000; } .btn { background: #49D75C; border: none; outline: none; cursor: pointer; border-radius: 35px; font-size: 1rem; font-weight: bold; color: #FFF; display: grid; place-items: center; transition: all 0.25s ease; position: relative; width: 210px; height: 60px; overflow: hidden; } .btn i { font-size: 1.45rem; po..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bGeEMw/btrYf0a6Gmk/mKkUzRjXmITjlMGbrIUkjk/img.gif)
body { background-color: #333; } .wrapper { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 23rem; background-color: #333; overflow: hidden; } .wrapper::before { background-color: #FFF; content: ""; position: absolute; border-radius: 1rem; height: 0.15rem; left: 2rem; right: 2rem; bottom: 2rem; } .wrapper .ball { background-color: #FFF; borde..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ANeMz/btrYluauKVJ/R3hKDogmdgwqj938GMmaDk/img.png)
Hover me *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { min-height: 100vh; display: grid; place-items: center; background: #151515; } .btn { font-family: sans-serif; font-weight: 700; background-color: #FFF; color: #151515; } .btn:link, .btn:visited { text-transform: uppercase; text-decoration: none; padding: 15px 40px; display: inline-block; border-radius: 100p..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cgBLTN/btrX7ZPe2s5/UYKnEoOhMa86hQLzklVmzK/img.png)
cocacola Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus reprehenderit ex iste ea nobis, quis blanditiis amet nemo, aspernatur hic dolore commodi quia voluptatum adipisci soluta doloribus iusto, neque ipsa! Explore More * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #15..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/zMwvd/btrX1OhNAZE/zD8WgvQ5VKLWMQ5BLfU4a0/img.png)
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..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cVbZli/btrXUR6Dwei/YBbGwnroNUHE2kG79jK881/img.png)
@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/..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ba2PLc/btrXMTDV8tC/MdIMtIim9BmxXTEwjisIk1/img.png)
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..