Card by escannord
#e8e8e8
1.card { 2 width: 200px; 3 height: 200px; 4 background-color: transparent; 5 box-shadow: inset 10px 10px 10px 10px rgba(0, 0, 0, 0.158), 6 10px 10px 20px rgba(0, 0, 0, 0.466), 7 inset -10px -10px 10px 10px rgba(255, 255, 255, 0.897); 8 border-radius: 51% 49% 62% 38% / 25% 57% 43% 75%; 9 position: relative; 10} 11 12.card::after { 13 content: ""; 14 display: inline-block; 15 width: 10px; 16 height: 10px; 17 position: absolute; 18 background-color: rgba(255, 255, 255, 0.842); 19 border-radius: 80% 20% 91% 9% / 48% 67% 33% 52%; 20 top: 40px; 21 left: 40px; 22} 23 24.card::before { 25 content: ""; 26 display: inline-block; 27 width: 20px; 28 height: 20px; 29 position: absolute; 30 background-color: rgba(255, 255, 255, 0.842); 31 border-radius: 48% 52% 45% 55% / 48% 67% 33% 52%; 32 top: 35px; 33 left: 60px; 34} 35
821 views
821 views
Variations
1 MIT License