Input by elijahgummer
#e8e8e8
1.input { 2 width: 200px; 3 padding: 12px; 4 border: 2px solid #3498db; 5 border-radius: 8px; 6 outline: none; 7 font-size: 18px; 8 transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s; 9 background-color: #fff; 10 color: #333; 11 box-sizing: border-box; 12} 13 14.input:focus { 15 border-color: #2980b9; 16 box-shadow: 0 0 15px rgba(52, 152, 219, 0.5); 17 transform: scale(1.02); 18} 19 20/* Placeholder Styling */ 21.input::placeholder { 22 color: #aaa; 23 font-style: italic; 24} 25 26/* Hover Effect */ 27.input:hover { 28 background-color: #f0f8ff; 29} 30
437 views
437 views
MIT License