Button by vikas7754
#e8e8e8
1.container { 2 background: #ff6f6f; 3 border-radius: 15px; 4 padding: 15px; 5 display: flex; 6 gap: 15px; 7 box-shadow: 3px 5px 10px #ff7a7a, inset 3px 0 0 #ff5751d6, 8 inset -3px 0 0 #ff5751d6, inset 0 3px 0 #ffffff23, inset 0 -3px 0 #00000023; 9} 10.btn { 11 text-decoration: none; 12 border: none; 13 outline: none; 14 background: #ff6f6f; 15 padding: 10px; 16 box-shadow: 0 0 5px #0000005a, 2px 2px 3px #00000078, 17 inset 1px 1px 2px #ffffff9d; 18 border-radius: 10px; 19 color: #fff; 20 font-size: 16px; 21 font-weight: 500; 22 cursor: pointer; 23 transition: all 0.2s; 24 font-family: sans-serif; 25 display: flex; 26 align-items: center; 27 justify-content: center; 28} 29.btn:focus { 30 animation: 0.3s clicked linear; 31} 32.cmd { 33 display: flex; 34 gap: 10px; 35 flex-direction: column; 36 justify-content: center; 37 align-items: flex-end; 38} 39.c { 40 width: 75px; 41 font-size: 1.5rem; 42} 43@keyframes clicked { 44 0% { 45 transform: scale(1); 46 } 47 50% { 48 transform: scale(0.95); 49 box-shadow: 0 0 5px #00000067, inset 0 0 3px #ffffff78; 50 } 51 100% { 52 transform: scale(1); 53 } 54} 55
351 views
351 views
MIT License