일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- effect
- iOS 개발자
- 비전공 개발자
- image
- MAC
- front-end
- jQuery
- Animation
- keyframes
- iPhone
- CSS
- SWIFT
- HTML
- 애니메이션
- 프론트엔드
- xcode
- php
- html5
- 자바스크립트
- 백엔드
- react
- css3
- button
- hover
- 개발자
- ipad
- IOS
- 풀스택
- 비전공자
- javascript
- Today
- Total
목록javascript (248)
비전공자 개발일기
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/txHSe/btrQ2SXWMxA/JeE2ZpkE1qSWmT6EtikFSk/img.png)
I am thinking of a number between 1-100. Can you guess it? GUESS No. Of Guesses: 0 Guessed Numbers are: None *, *:before, *:after{ padding: 0; margin: 0; box-sizing: border-box; } body{ height: 100vh; background: linear-gradient( to right, #7f53ac, #657ced ); } .container{ position: absolute; width: 50%; min-width: 580px; transform: translate(-50%,-50%); top: 50%; left: 50%; background-color: #f..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b25H4l/btrQ27teH5z/HpmuDWLUtkk7Z9TzijHIRK/img.png)
You can right click anywhere to change the background. Blue Orange Green This website is going to look better if you turn on the backdrop-filter property : -In the address bar, type "about:config". -Click on "Accept the risk and continue". -Type "backdrop-filter" in the search bar. -If it's written "false", double click on it to turn it on. This website is going to look better on Google Chrome, ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ttd2a/btrQJ96sJCR/M9UIzpSzWhOeGsuo8vbHJK/img.png)
Spin Click On The Spin Button To Start * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { height: 100vh; background: linear-gradient(135deg, #c3a3f1, #6414e9); } .wrapper { width: 90%; max-width: 34.37em; max-height: 90vh; background-color: #ffffff; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; padding: 3em; border-radius:..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bFuQFS/btrQBKUsqpf/8khA4krBEpbDE0WJm09kMk/img.png)
Upload your File : Drag & Drop or browse Supports: JPEG, JPG, PNG Download @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } body { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 100vh; background: #e0eafc; /* ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/HjH9x/btrQpTRs19U/8ooevNrBzgiF5oJYkusow0/img.png)
Magic Magic Magic * { margin: 0; padding: 0; box-sizing: border-box; } body { min-height: 200vh; } section { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #333; } section .sec { position: absolute; width: 100%; height: 100%; z-index: 10; } section .sec.sec1 { background-color: #B0FF54; clip-path: circle(200px at 0 0); } section .sec.sec2 { background-color: #03A..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/LNPbp/btrQkuxcIMN/xpk9vXaijKAb9P228aVdZ1/img.png)
Postcards From Italy Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore Bunker Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore Small Mountain Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore Walking On a Dream Lorem ipsum dolor sit amet, consecte..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/eMBzas/btrQe0o1UUP/dtqglcettfpMIW552mB0Ok/img.png)
Easy Image Editor Filters Brightness Saturation Inversion Grayscale Brighteness 100% Rotate & Flip Reset Filters Choose Image Save Image /* Import Google font - Poppins */ @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap"); * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { display: flex; padding: 10px; min-h..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/birXOU/btrP7NYAMeM/B4c7JSUVeKxBqYNaFW7af0/img.png)
@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..