![](/build/_assets/logo-png-XGWSYHKJ.png)
Input by BlackisPlay
#e8e8e8
1.dateInput { 2 margin-left: auto; 3 margin-right: auto; 4 height: 2.5em; 5 width: 12.5em; 6 border-radius: 2.5em; 7 border: none; 8 background-color: rgb(255, 255, 255); 9 -webkit-filter: drop-shadow(1px 1px 10px #000); 10 filter: drop-shadow(7px 7px 10px #00000059); 11 font-family: Arial, Helvetica, sans-serif; 12 color: rgb(77, 77, 77); 13 text-align: center; 14 font-size: 14px; 15 outline: 2px solid rgba(0, 0, 0, 0); 16 transition: outline-offset 0.5s ease, outline-color 0.5s ease, 17 height 0.5s ease, width 0.5s ease, filter 0.5s ease; 18} 19 20.dateInput:focus { 21 outline-offset: 0.5em; 22 outline-color: rgba(0, 0, 0, 0.228); 23 transition: 0.2s; 24 height: 3em; 25 width: 13em; 26 -webkit-filter: drop-shadow(1px 1px 10px #000); 27 filter: drop-shadow(-7px 7px 10px #00000059); 28} 29 30.dateInput::placeholder { 31 padding-left: 0.8em; 32 font-family: Arial, Helvetica, sans-serif; 33 font-weight: 500; 34 letter-spacing: 1px; 35 transform: translateX(-6px); 36 transition: transform 0.5s ease; 37} 38 39.dateInput:focus::placeholder { 40 transform: translateX(-85px); 41 transition: 0.5s; 42} 43
143 views
143 views
MIT License