Button by aadium
#e8e8e8
1.carbutton { 2 width: 200px; 3 height: 70px; 4 padding: 20px; 5 background: #212121; 6 border: 6px double #e8e8e8; 7 transition: 0.2s; 8} 9 10.caption { 11 color: #e8e8e8; 12 font-family: 'Courier New', Courier, monospace; 13 font-size: 20px; 14 transition: 0.2s; 15} 16 17.car { 18 fill: #e8e8e8; 19 width: 50px; 20 height: 50px; 21 margin-left: -120px; 22 margin-top: -35px; 23 transition: 0.2s ease-in-out; 24} 25 26.carbutton:not(:hover) .car { 27 opacity: 0%; 28 transform: translateX(-150px); 29} 30 31.carbutton:hover .caption { 32 opacity: 0%; 33} 34 35.carbutton:focus .car { 36 transform: translateX(120px); 37} 38
1.1K views
1.1K views
MIT License