Input by Alanav29
#e8e8e8
1.input-container { 2 width: auto; 3 position: static; 4 display: flex; 5 flex-direction: column-reverse; 6} 7 8.input-container label { 9 color: black; 10 position: relative; 11 top: 2px; 12 border: solid white; 13 border-top: none; 14 border-right: none; 15 border-left: none; 16 width: fit-content; 17 transition: transform 0.2s; 18 margin: 0px 0px 0px 12px; 19 padding: 0px 4px 0px 4px; 20 font-size: 20px; 21} 22 23.input-container input:focus + label { 24 color: rgb(161, 66, 249); 25 transform: scale(1.2); 26 transform: translateX(0.5rem); 27} 28 29.input-container input { 30 border: 2px rgb(161, 66, 249) solid; 31 padding: 8px; 32} 33 34.input-container input:focus { 35 outline: none; 36} 37
222 views
222 views
MIT License