Card by imPradhyumn
#e8e8e8
1.card { 2 width: 190px; 3 height: 254px; 4 box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); 5 position: relative; 6} 7 8.remove-when-use { 9 text-align: center; 10 width: 100%; 11 position: absolute; 12 color: black; 13 top: 85px; 14 font-weight: bold; 15} 16 17.details > p { 18 font-size: .8em; 19 margin-top: .5em; 20} 21 22.details > label { 23 font-weight: bold; 24} 25 26.details { 27 color: white; 28 box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); 29 width: 100%; 30 background-color: rgba(0,0,0,0.5); 31 position: absolute; 32 bottom: 0; 33 height: 2.6em; 34 transition: height .5s ease-in-out; 35 padding: 0.6em; 36 overflow: hidden; 37} 38 39.card:hover > .details { 40 height: 6.7em; 41} 42 43
978 views
978 views
MIT License