#e8e8e8
1.card { 2 width: 160px; 3 height: 200px; 4 background: #ffffff; 5 transform: rotate(20deg) skew(-10deg, -5deg); 6 transition: .4s linear; 7 display: flex; 8 justify-content: center; 9 align-items: center; 10 text-align: center; 11 font-size: 1.2rem; 12 font-weight: 700; 13 line-height: 200px; 14} 15 16.card:hover { 17 box-shadow: rgba(0,0,0,0.5) 5px 3px, 18 rgba(0,0,0,0.4) 10px 6px, 19 rgba(0,0,0,0.3) 15px 9px; 20 background: #000; 21 color: #fff; 22 font-size: 1.5rem; 23}
1.1K views
1.1K views
Comments
MIT License