Card by lonefox-xxx
#212121
1.card { 2 width: 210px; 3 height: 235px; 4 background: #212121; 5 box-shadow: rgba(0, 0, 0, 0.4) 10px 20px 30px, rgba(0, 0, 0, 0.3) 10px 1px 53px 3px, rgba(1, 0, 0, 0.2) 0px -1px 3px inset; 6 text-align: center; 7 cursor: pointer; 8 transition: all 0.5s; 9 display: flex; 10 align-items: center; 11 justify-content: center; 12 user-select: none; 13 font-weight: bolder; 14 color: #fff; 15} 16 17.card:hover { 18 transform: scale(1.021); 19} 20 21.card:active { 22 transform: scale(0.95) rotateZ(1.1deg); 23}
5.4K views
5.4K views
MIT License