Button by Carlos-vargs
#212121
1.button { 2 display: flex; 3 justify-content: center; 4 color: #fff; 5 width: 80px; 6 height: 80px; 7 border-radius: 100%; 8 background: linear-gradient(30deg, rgb(255, 130, 0) 20%, rgb(255, 38, 0) 80%); 9 transition: all 0.3s ease-in-out 0s; 10 box-shadow: rgba(193, 244, 246, 0.698) 0px 0px 0px 0px; 11 animation: 1.2s cubic-bezier(0.8, 0, 0, 1) 0s infinite normal none running pulse; 12 align-items: center; 13 border: 0; 14} 15 16.button:is(:hover, :focus) { 17 transform: scale(1.2); 18} 19 20@keyframes pulse { 21 100% { 22 box-shadow: 0 0 0 45px rgba(193,244,246,0); 23 } 24} 25 26 27
2.3K views
2.3K views
MIT License