일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- javascript
- html5
- 자바스크립트
- Animation
- HTML
- xcode
- 비전공자
- MAC
- button
- 개발자
- 프론트엔드
- php
- css3
- jQuery
- iOS 개발자
- CSS
- effect
- 애니메이션
- image
- hover
- iPhone
- ipad
- 풀스택
- 비전공 개발자
- IOS
- SWIFT
- react
- 백엔드
- keyframes
- front-end
- Today
- Total
목록비전공 개발자 (290)
비전공자 개발일기
Copy in Clipboard with JavaScript Write something and copy it into your clipboard by clicking in the button below. Copy in clipboardCopied /* Just to play with animations */ .copiedtext { position: absolute; left: 0; top: 0; right: 0; text-align: center; opacity: 0; transform: translateY(-1em); color: #000; transition: all .500s; } .copied .copiedtext { opacity: 1; transform: translateY(-2em); }..
Home About Services Team Contact * { margin: 0; padding: 0; box-sizing: border-box; } section { position: relative; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #222; overflow: hidden; } section ul { position: relative; display: flex; flex-direction: column; } section ul li { list-style: none; } section ul li a { position: relative; d..
* { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #121212; } .bowl { position: relative; width: 300px; height: 300px; background-color: rgba(255, 255, 255, .1); border-radius: 50%; border: 8px solid transparent; transform-origin: bottom center; animation: animate 5s linear infinite; } @key..
You can edit this text Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias alias maiores commodi aspernatur maxime minima inventore. Quasi libero, atque velit assumenda obcaecati temporibus exercitationem dignissimos eaque, itaque cum dolore aliquam! Cumque, unde at dicta delectus eum minus! Itaque necessitatibus eveniet dolore repellat maxime laboriosam est molestias officiis, c..
* { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #333; gap: 50px; } .loader { position: relative; width: 300px; height: 300px; background-color: #333; border-radius: 50%; box-shadow: 25px 25px 75px rgba(0, 0, 0, .25), 10px 10px 70px rgba(0, 0, 0, .25); border: 2px solid #222; display: fle..
Mario Matching Game Reset Game * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 100vh; } h2 { margin-bottom: 30px; font-size: 2.5em; } .box { position: relative; width: 600px; height: 200px; border-bottom: 2px solid #555; display: flex; justify-content: center; align-items: center; flex-di..
co is Carbon dioxide * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #CCC; } h2 { font-size: 6em; text-align: center; } h2 span { position: relative; display: inline-block; color: #03A9F4; } h2 span:nth-child(odd) { color: #414141; line-height: 1em; letter-spacing: -1em; overflow: hidden..
Button * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #0C0C0C; } a { position: relative; padding: 20px 50px; display: block; text-decoration: none; text-transform: uppercase; width: 200px; overflow: hidden; border-radius: 40px; } a span { position: relative; color: #FFF; font-size: 20px..