Card by javierBarroso
#212121
1.card { 2 width: 150px; 3 height: 200px; 4 background: #ffffff; 5 transition: box-shadow .3s ease-in; 6 display: flex; 7 justify-content: center; 8 align-items: center; 9 text-align: center; 10 font-size: 20px; 11 padding: 10px; 12 transform: rotateX(30deg) rotateY(-10deg) rotateZ(30deg); 13 border-radius: 10px; 14} 15 16.card:hover { 17 box-shadow: rgba(255,255,255,0.5) 5px 10px , 18 rgba(255,255,255,0.4) 10px 20px , 19 rgba(255,255,255,0.3) 15px 30px; 20} 21 22.container { 23 transform-style: preserve-3d; 24 perspective: 250px; 25}
329 views
Variation of acard
MIT License