DEV Community

Sekti Wicaksono
Sekti Wicaksono

Posted on

CSS Battle - #4 Ups n Downs

#css #cssbattle

HTML

<div class="down"></div> <div class="up"></div> <div class="down"></div>
Enter fullscreen mode Exit fullscreen mode

CSS

 body { background: #62306D; display: flex; align-items: center; justify-content: center; } div { width: 100px; height: 100px; border-top-left-radius: 50%; border-top-right-radius: 50%; background: #F7EC7D; position: relative; } .up { top: -50px; } .down { transform: rotate(180deg); top: 50px; }
Enter fullscreen mode Exit fullscreen mode

Top comments (0)