1.6K views
1.card { 2 width: 190px; 3 height: 254px; 4 background: lightgrey; 5 border: 3px inset white; 6 background: #e8e8e8; 7 box-shadow: inset 20px 20px 60px #c5c5c5, inset -20px -20px 60px #ffffff; 8 transition: all .5s ease-in-out; 9 border-radius: 1.5rem; 10 display: flex; 11 justify-content: center; 12 align-items: center; 13 font-weight: bolder; 14 color: #8a8989; 15 font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 16} 17 18.card:hover { 19 transform: translateY(-5px); 20 transition: all .5s ease-in-out; 21}
ercnersoy
Ercan Ersoy
MIT License