Can someone help me please, I want to draw a 🌙️ using only one ‹div›

Question

HTML / CSS

Answer 1

Alexis Mavy NGOYI MOUSSOUNDA
I found this at stackoverflow.com and I edited it to suit your question...😃😃😃
HTML-->
<div class = "moon" ></div>

CSS-->
.moon {
background-color : #fff;
width : 50px ;
height : 50px ;
border-radius: 50%;
border: 4px solid #fff;
box-shadow: inset 0px 16px #999, inset 0px 16px 1px 1px #999;
-moz-box-shadow: inset 0px 16px #999, inset 0px 16px 1px 1px #999;
transform:rotate(270deg);
}

}

code source:
https://stackoverflow.com/questions/34803334/css3-moon-shape

Answer 2

You can try this!
https://code.sololearn.com/WL8pZ141i9g5/?ref=app

Answer 3

div {
width: 200px;
height: 200px;
background-color: #fff000;
border-radius: 50%;
}

div:after {
content: "";
width: 200px;
height: 200px;
background-color: #333;
border-radius: 50%;
position: absolute;
top: -30px;
left: -30px;
}

https://code.sololearn.com/WLpr5ylG67l0/?ref=app

Answer 4

<div id="moon">🌙️</div>

Answer 5

Thanks a lot !

Answer 6

Thank a lot, but it's not really the moon I was looking for, but the geometric figure