#728b18
1.card { 2 width: 190px; 3 height: 264px; 4 background: rgb(183, 226, 25); 5 font-family: inherit; 6 position: relative; 7 border-radius: 8px; 8} 9 10.quote { 11 color: rgb(223, 248, 134); 12 padding-left: 30px; 13 position: relative; 14} 15 16.card-name { 17 text-transform: uppercase; 18 font-weight: 700; 19 color: rgb(127, 155, 29); 20 padding: 35px; 21 line-height: 23px; 22} 23 24.body-text { 25 font-size: 20px; 26 font-weight: 900; 27 padding: 60px 40px 0; 28 color: #465512; 29 position: absolute; 30 top: 40px; 31 left: 1px; 32 line-height: 23px; 33} 34 35.author { 36 margin-top: 5px; 37 opacity: 0; 38 transition: 0.5s; 39} 40 41.card:hover .author { 42 opacity: 1; 43} 44 45.pic { 46 width: 50px; 47 height: 50px; 48 background-color: rgb(158, 196, 21); 49 border-radius: 50%; 50} 51 52.author-container { 53 display: flex; 54 align-items: center; 55} 56 57.author { 58 font-weight: 700; 59 color: rgb(127, 155, 29); 60 padding-left: 30px; 61} 62 63.card .author svg { 64 display: inline; 65 font-size: 12px; 66 color: rgba(128, 155, 29, 0.452); 67}
7.2K views
7.2K views
Comments
MIT License