#e8e8e8
1.button { 2 cursor: pointer; 3 background: none; 4 border: none; 5 display: flex; 6 flex-direction: column; 7 width: 70px; 8 gap: 4px; 9} 10 11.button:hover { 12 animation: move 2s infinite ease; 13} 14 15@keyframes move { 16 0% { 17 transform: translateX(0); 18 } 19 20 50% { 21 transform: translateX(20px); 22 } 23 24 100% { 25 transform: translateX(0); 26 } 27} 28 29.round { 30 width: 6px; 31 height: 6px; 32 background: #3da9fc; 33 border-radius: 50%; 34} 35 36.line { 37 display: flex; 38 gap: 4px; 39} 40 41.two { 42 transform: translateX(10px); 43} 44 45.three { 46 transform: translateX(20px); 47} 48 49.four { 50 transform: translateX(30px); 51} 52 53.five { 54 transform: translateX(20px); 55} 56 57.six { 58 transform: translateX(10px); 59}
Comments
MIT License