This post is saved as a draft.
#212121
1.btn { 2 height: 3.5rem; 3 width: 13.2rem; 4 border-radius: 5px; 5 border: 5px solid rgb(255, 255, 255); 6 cursor: pointer; 7 filter: drop-shadow(0px 0px 10px rgb(255, 255, 255)); 8 animation: flickering 2s linear infinite both; 9 text-transform: uppercase; 10 background-color: rgb(83, 82, 82); 11 color: rgb(234, 234, 234); 12 font-weight: 700; 13 transition: 0.6s; 14 box-shadow: 0px 0px 60px #1f4c65; 15 -webkit-box-reflect: below 10px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4)); 16} 17 18@keyframes flickering { 19 0%, 20 100% { 21 opacity: 1; 22 } 23 24 41.99% { 25 opacity: 1; 26 } 27 28 42% { 29 opacity: 0; 30 } 31 32 43% { 33 opacity: 0; 34 } 35 36 43.01% { 37 opacity: 1; 38 } 39 40 47.99% { 41 opacity: 1; 42 } 43 44 48% { 45 opacity: 0; 46 } 47 48 49% { 49 opacity: 0; 50 } 51 52 49.01% { 53 opacity: 1; 54 } 55} 56 57.text { 58 font-size: 1.8rem; 59 font-family: Arial, Helvetica, sans-serif; 60} 61 62.btn:hover { 63 background-color: black; 64 border-radius: 0; 65} 66 67 68 69 70 71
Variation of abutton
Variation of abutton