목록browser (3)

비전공자 개발일기

Search Bar With Autocomplete

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } body{ background: #BB2429; padding: 0 20px; } ::selection{ color: #fff; background: #BB2426; } .wrapper{ max-width: 450px; margin: 150px auto; } .wrapper .search-input{ background: #fff; width: 100%; bor..
Javascript 2023. 1. 4. 20:55
Drag & Drop File Upload

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; /* ..
Javascript 2022. 11. 8. 00:41
DETECT USER BROWSER

Browser /* 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{ height: 100vh; width: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(#252930 50%, #675AFE 50%); } ::selection{ color: ..
Javascript 2022. 5. 24. 01:19
이전 Prev 1 Next 다음