목록Javascript (176)

비전공자 개발일기

Javascript - Dad Jokes

Don't Laugh Challenge // Joke goes here Get Another Joke @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); * { box-sizing: border-box; } body { background-color: #686de0; font-family: 'Roboto', sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .container { background-color: #ff..
Javascript 2021. 10. 3. 01:44
Javascript - Sound Board

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap'); * { box-sizing: border-box; } body { background-color: rgb(161, 100, 223); font-family: 'Poppins', sans-serif; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; height: 100vh; overflow: hidden; margin: 0; } .btn { background-color: #663399; border-radius: 5px..
Javascript 2021. 10. 2. 00:09
Javascript - Form Wave Animation

Please Login Email Password Login Don't have an account? Register @import url('https://fonts.googleapis.com/css2?family=Muli&display=swap'); * { box-sizing: border-box; } body { background-color: #4682b4; color: #fff; font-family: 'Muli', sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .container { bac..
Javascript 2021. 10. 1. 00:14
Javascript - Split Landing Page

Playstation 5 Buy Now XBox Series X Buy Now @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); :root { --left-bg-color: rgba(87, 84, 263, .7); --right-bg-color: rgba(43, 43, 43, .8); --left-btn-hover-color: rgba(87, 84, 236, 1); --right-btn-hover-color: rgba(28, 122, 28, 1); --hover-width: 75%; --other-width: 25%; --speed: 1s; } * { box-sizing: border-box; } body { font..
Javascript 2021. 9. 30. 00:23
Javascript - Scroll Animation

Scroll to see the animation content content content content content content content content content content @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); * { box-sizing: border-box; } body { background-color: #efedd6; font-family: 'Roboto', sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; overflow-x: hidden..
Javascript 2021. 9. 29. 00:38
Javascript - Hidden Search

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); * { box-sizing: border-box; } body { background-image: linear-gradient(90deg, #7d5fff, #7158e2); font-family: 'Roboto', sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .search { position: relative; height: 50px; } .search .input { backgr..
Javascript 2021. 9. 28. 00:10
Javascript - Rotating Navigation

Amazing Article Florin pop Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam sint non error placeat perspiciatis tempora iste magnam atque nam, voluptates nemo! Nostrum quaerat ullam ea optio corrupti, saepe reiciendis, dolores asperiores maxime odit consectetur, error impedit laboriosam! At provident debitis laudantium repudiandae modi ad dolores voluptatibus, vero, necessitati..
Javascript 2021. 9. 27. 00:38
Javascript - Progress Steps

1 2 3 4 prev next @import url('https://fonts.googleapis.com/css?family=Muli&display=swap'); :root { --line-border-fill: #3498db; --line-border-empty: #e0e0e0; } * { box-sizing: border-box; } body { background-color: #f6f7fb; font-family: 'Muli', sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .container { text-align: center; ..
Javascript 2021. 9. 26. 00:25
이전 Prev 1 ··· 14 15 16 17 18 19 20 ··· 22 Next 다음