1.7K views
1.btn { 2 width: 30px; 3 height: 50px; 4 border-radius: 30px; 5 display: flex; 6 align-items: center; 7 justify-content: center; 8 background-color: transparent; 9 border: none; 10 outline: 2px solid rgb(105, 127, 255); 11 box-shadow: 0px 0px 10px rgb(105, 127, 255); 12 position: relative; 13} 14 15.scroll { 16 width: 5px; 17 height: 10px; 18 border-radius: 10px; 19 background-color: rgb(105, 127, 255); 20 box-shadow: 0px 0px 10px rgb(105, 127, 255); 21 animation: scroll_4013 2s linear infinite; 22 transform: translateY(40%); 23} 24 25.btn:after { 26 content: 'scroll'; 27 position: absolute; 28 top: 140%; 29 color: whitesmoke; 30 text-transform: uppercase; 31 letter-spacing: 1.5px; 32} 33 34@keyframes scroll_4013 { 35 0% { 36 transform: translateY(40%); 37 } 38 39 50% { 40 transform: translateY(90%); 41 } 42};
boryanakrasteva
Boryana
MIT License