Card by scob337
This card was created for One <div> challenge
#212121
1.one-div { 2 width: 300px; 3 height: 300px; 4 margin: auto; 5 background-color: hsl(180, 5%, 17%); 6 border-radius: 50%; 7 position: relative; 8} 9 10.one-div::before { 11 content: ""; 12 position: absolute; 13 width: 40px; 14 height: 40px; 15 background-color: hsla(236, 93%, 43%, 0.897); 16 top: 190px; 17 left: 200px; 18 border-radius: 50%; 19 clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); 20} 21 22.one-div::after { 23 content: ""; 24 position: absolute; 25 width: 40px; 26 height: 40px; 27 background-color: hsla(236, 93%, 43%, 0.897); 28 top: 100px; 29 left: 50px; 30 clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); 31}
520 views
520 views
MIT License