일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- xcode
- CSS
- 백엔드
- css3
- 개발자
- front-end
- react
- jQuery
- MAC
- image
- 비전공 개발자
- html5
- HTML
- 자바스크립트
- hover
- 애니메이션
- 비전공자
- javascript
- keyframes
- IOS
- 프론트엔드
- iOS 개발자
- Animation
- iPhone
- 풀스택
- SWIFT
- effect
- php
- ipad
- button
- Today
- Total
목록비전공 개발자 (290)
비전공자 개발일기
Tic Tac Toe Player X Turn Reset @import url("https://fonts.googleapis.com/css2?family=Radio+Canada:wght@400;500;600;700&display=swap"); * { padding: 0; margin: 0; font-family: "Radio Canada", sans-serif; } body { background-color: white; } .header { display: flex; align-items: center; justify-content: center; margin: 15px; } .header h1 { text-align: center; } .box { display: flex; align-items: c..
Ask Your Question?? Yeah,ask Some Question Answer Appering Hear * { margin: 0; padding: 0; box-sizing: border-box; } body { width: 100vw; height: 100vh; font-family: sans-serif; padding: 10em 10em; background: url(./bg.jpg); opacity: 0.5; background-position: center; background-repeat: no-repeat; background-position: 100% 20%; background-size: cover; display: flex; align-items: center; justify-c..
GENERATE QR CLEAR * { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: #ECECEC; font-family: Arial, Helvetica, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; } .container { padding: 40px 60px; background-color: #FFF; display: flex; align-items: center; border: 5px solid rgba(190, 190, 190, 0); box-shadow: 0 0 15px rgba(100, 100, 1..
* { margin: 0; padding: 0; box-sizing: border-box; } body { min-height: 100vh; background-color: #111; overflow: hidden; } span { position: absolute; pointer-events: none; filter: drop-shadow(0 0 15px rgba(0, 0, 0, .6)); animation: fadeInOut 1s linear infinite } @keyframes fadeInOut { 0%, 100% { opacity: 0; } 20%, 80% { opacity: 1; } } span::before { content: ''; position: absolute; width: 100%;..
* { margin: 0; padding: 0; } body { min-height: 100vh; background-color: #111; overflow: hidden; } span { position: absolute; background-color: #F00; width: 10px; height: 10px; pointer-events: none; border-radius: 50%; } span::before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-color: #FFF; animation: moveParticles 2s linear infinite; } @keyframes ..
Simple CSS Waves @import url(//fonts.googleapis.com/css?family=Lato:300:400); body { margin:0; } h1 { font-family: 'Lato', sans-serif; font-weight:300; letter-spacing: 2px; font-size:48px; } p { font-family: 'Lato', sans-serif; letter-spacing: 1px; font-size:14px; color: #333333; } .header { position:relative; text-align:center; background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172..
12 3 6 9 : : @font-face { font-family: "Digital-7"; font-style: normal; font-weight: 400; src: local("Digital-7"), local("Digital-7-Regular"), url(https://allfont.net/cache/fonts/digital-7_b73ef91485431ac0271f24009e14ccee.woff) format("woff"), url(https://allfont.net/cache/fonts/digital-7_b73ef91485431ac0271f24009e14ccee.ttf) format("truetype"); } :root { --clock-size: 300px; } * { box-sizing: b..
https://hemantnegi.github.io/jquery.sumoselect/ Jquery.sumoselect by Hemant Negi jquery.sumoselect jquery.sumoselect.js - A cross device Single/Multi Select jQuery Select plugin. LIVE DEMO HERE Sumoselect full : jquery.sumoselect.js Minified : jquery.sumoselect.min.js A jQuery plugin that progressively enhances an HTML Select Box into hemantnegi.github.io https://codepen.io/sang-ulae-mustance/pe..