Card by escannord
#212121
1.card { 2 width: 200px; 3 height: 200px; 4 background-color: rgba(0, 0, 0, 0.253); 5 box-shadow: inset 10px 10px 10px 10px rgba(8, 7, 7, 0.342), 6 inset 20px 20px 20px 20px rgba(8, 7, 7, 0.1), 7 10px 10px 20px rgba(0, 0, 0, 0.425), 8 inset -10px -10px 10px 10px rgba(41, 40, 40, 0.568), 9 inset -20px -20px 20px 20px rgba(41, 40, 40, 0.568); 10 border-radius: 51% 49% 62% 38% / 25% 57% 43% 75%; 11 position: relative; 12} 13 14.card::after { 15 content: ""; 16 display: inline-block; 17 width: 10px; 18 height: 10px; 19 position: absolute; 20 background-color: rgba(255, 255, 255, 0.329); 21 box-shadow: 0 0 50px rgb(226, 226, 226); 22 border-radius: 80% 20% 91% 9% / 48% 67% 33% 52%; 23 top: 50px; 24 left: 40px; 25} 26 27.card::before { 28 content: ""; 29 display: inline-block; 30 width: 20px; 31 height: 20px; 32 position: absolute; 33 background-color: rgba(255, 255, 255, 0.315); 34 box-shadow: 0 0 50px rgb(255, 255, 255); 35 border-radius: 48% 52% 45% 55% / 48% 67% 33% 52%; 36 top: 40px; 37 left: 60px; 38} 39
816 views
Variation of acard
MIT License