About
Explore
Events & Classes
Support Us
Join
Sign In
purple_ghost
View Project Page
Run
Fullscreen
crescent moon pure css
HTML
CSS
JS
<!DOCTYPE HTML> <html> <head> <title>Page Title</title> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0,shrink-to-fit=no,width=device-width"> </head> <body> <div class="circle1"> <div class="circle2"></div> </div> </body> </html>
body { background-color: #000f5c; color: transparent; overflow: hidden; } .circle1 { border-radius: 50%; width: 100px; height: 100px; background-color: #fefcd7; position: relative; left: 80%; transform: translateX(-50%); z-index: -1; margin-top: 50px; } .circle2 { border-radius: 50%; width: 100px; height: 100px; background-color: #000f5c; position: relative; left: 30%; transform: translateX(-50%); z-index: 1000; }