+ 1
Can someone help me please, I want to draw a 🌙️ using only one ‹div›
HTML / CSS
6 Answers
+ 7
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
+ 5
You can try this!
https://code.sololearn.com/WL8pZ141i9g5/?ref=app
+ 5
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
+ 1
<div id="moon">🌙️</div>
+ 1
Thanks a lot !
- 1
Thank a lot, but it's not really the moon I was looking for, but the geometric figure