1.3K views
1.form { 2 width: 250px; 3 display: flex; 4 flex-direction: column; 5 gap: 20px; 6 border-radius: 10px; 7 padding: 20px 40px; 8 background-color: rgba(245, 245, 245, 0.034); 9 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.192); 10 transition: .2s linear; 11} 12 13.form button { 14 align-self: flex-end; 15} 16 17.form:hover { 18 transform: scale(1.1); 19} 20 21.label { 22 font-size: 14px; 23 margin-bottom: -10.6px; 24} 25 26.input { 27 height: 25px; 28 width: 100%; 29 border: 0.5px solid white; 30 background-color: transparent; 31 color: white; 32 padding: 5px; 33 border-radius: 5px; 34 transition: .2s linear; 35 position: relative; 36} 37 38.input:focus { 39 outline: none; 40 background-color: rgba(173, 173, 173, 0.233); 41 box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.137); 42} 43 44button { 45 border: none; 46 padding: 4px 10px; 47 border-radius: 5px; 48 transition: .2s linear; 49} 50 51button:hover { 52 background-color: rgba(255, 255, 255, 0.74); 53 box-shadow: 2px 2px 10px rgba(124, 124, 124, 0.192); 54} 55
boryanakrasteva
Boryana
MIT License