Button by Peary74
#e8e8e8
1.btn { 2 display: flex; 3 align-items: center; 4 justify-content: center; 5 border-radius: 10px; 6 border: none; 7 background-color: transparent; 8 position: relative; 9} 10 11.btn:hover > .icon { 12 transform: scale(1.2); 13 cursor: pointer; 14 transition: .2s linear; 15} 16 17.btn:focus > .icon { 18 fill: #fd1853; 19 animation: grosseur .2s linear; 20} 21 22@keyframes grosseur { 23 0% { 24 width: 50px; 25 height: 50px; 26 fill: #fd1853; 27 } 28 29 100% { 30 width: 30px; 31 height: 30px; 32 fill: #fd1853; 33 } 34} 35 36 37 38 39 40
1.3K views
1.3K views
MIT License