22K views
1.card { 2 box-sizing: border-box; 3 width: 190px; 4 height: 254px; 5 background: rgba(217, 217, 217, 0.58); 6 border: 1px solid white; 7 box-shadow: 12px 17px 51px rgba(0, 0, 0, 0.22); 8 backdrop-filter: blur(6px); 9 border-radius: 17px; 10 text-align: center; 11 cursor: pointer; 12 transition: all 0.5s; 13 display: flex; 14 align-items: center; 15 justify-content: center; 16 user-select: none; 17 font-weight: bolder; 18 color: black; 19} 20 21.card:hover { 22 border: 1px solid black; 23 transform: scale(1.05); 24} 25 26.card:active { 27 transform: scale(0.95) rotateZ(1.7deg); 28}
MIT License