Button by KhaledMatalkah
#212121
1.button { 2 display: inline-block; 3 position: relative; 4 padding: 13px 20px; 5 border: none; 6 background: rgba(51, 50, 50, 0.287); 7 color: #ffffff; 8 font-family: Arial, sans-serif; 9 font-size: 16px; 10 text-transform: uppercase; 11 cursor: crosshair; 12 overflow: hidden; 13} 14 15.button:before { 16 content: ''; 17 position: absolute; 18 top: 0; 19 left: -100%; 20 width: 100%; 21 height: 100%; 22 background: linear-gradient(to right, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 50%, transparent 100%); 23 transition: left 0.3s ease; 24} 25 26.button:hover:before { 27 left: 100%; 28} 29
461 views
461 views
MIT License