Card by Sashank02
#212121
1.card { 2 padding: 20px; 3 width: 330px; 4 min-height: 370px; 5 border-radius: 20px; 6 background: #212121; 7 box-shadow: 5px 5px 8px #1b1b1b, 8 -5px -5px 8px #272727; 9 transition: 0.4s; 10} 11 12.card:hover { 13 translate: 0 -10px; 14} 15 16.card-title { 17 font-size: 18px; 18 font-weight: 600; 19 color: #b2eccf; 20 margin: 15px 0 0 10px; 21} 22 23.card-image { 24 min-height: 170px; 25 background-color: #313131; 26 border-radius: 15px; 27 background: #313131; 28 box-shadow: inset 5px 5px 3px #2f2f2f, 29 inset -5px -5px 3px #333333; 30} 31 32.card-body { 33 margin: 13px 0 0 10px; 34 color: rgb(184, 184, 184); 35 font-size: 15px; 36} 37 38.footer { 39 float: right; 40 margin: 28px 0 0 18px; 41 font-size: 13px; 42 color: #b3b3b3; 43} 44 45.by-name { 46 font-weight: 700; 47}
895 views
Variation of acard
895 views
Variation of acard
Comments
MIT License