This post is saved as a draft.
#212121
1.card { 2 width: 250px; 3 height: 90px; 4 background: #262626; 5} 6 7.smallIcon { 8 width: 100%; 9 height: 100%; 10 background-color: #ff5858; 11} 12 13.smallIcon div { 14 background: linear-gradient(120deg, #e5e5e5 30%, #f0f0f0 38%, #f0f0f0 15 40%, #e5e5e5 48%); 16 margin-top: 10px; 17 background-size: 200% 100%; 18 background-position: 100% 0; 19 animation: load89234 2s infinite; 20 color: #262626; 21 font-weight: bold; 22 font-size: 15px; 23} 24 25.Icon { 26 margin: 10px; 27 width: 70px; 28 height: 70px; 29 float: left; 30 border-radius: 5px; 31} 32 33.Name { 34 width: 90px; 35 height: 20px; 36 float: left; 37 transform: translate(10px ,0px); 38 border-radius: 5px; 39} 40 41.Roles { 42 width: 40px; 43 height: 20px; 44 float: left; 45 transform: translate(20px ,0px); 46 border-radius: 5px; 47} 48 49.Descripion { 50 margin: 10px; 51 width: 140px; 52 height: 45px; 53 float: left; 54 transform: translate(0px ,-5px); 55 border-radius: 5px; 56} 57 58@keyframes load89234 { 59 100% { 60 background-position: -100% 0; 61 } 62}
Variation of acard
Variation of acard