Card by reshades
#e8e8e8
1.card { 2 width: 290px; 3 height: 404px; 4 background: linear-gradient(10deg, rgba(38,146,255,1) 0%, rgba(0,63,255,1) 100%); 5 border-radius: 16px; 6 box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); 7 backdrop-filter: blur(10.5px); 8 -webkit-backdrop-filter: blur(10.5px); 9 border: 1px solid rgba(255, 255, 255, 0.3); 10} 11 12.top { 13 background: rgba(255, 255, 255, 0.2); 14 border-radius: 16px; 15 box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); 16 backdrop-filter: blur(10.5px); 17 -webkit-backdrop-filter: blur(10.5px); 18 border: 1px solid rgba(255, 255, 255, 0.3); 19 width: 290px; 20 height: 300px; 21} 22 23.top .title { 24 color: #fff; 25 font-weight: bolder; 26 font-size: x-large; 27 margin-left: 10px; 28 margin-top: 90% 29} 30 31.card .desc { 32 color: #fff; 33 opacity: 75%; 34 font-size: small; 35 font-weight: lighter; 36 margin-left: 10px; 37 margin-top: 2% 38}
669 views
669 views
Variations
1 MIT License