<!DOCTYPE html> <html> <head> <style> .watch-container{ width:250px; height:250px; position:relative; border:1px solid black; } .watch{ position:absolute; width:80%; height:80%; border-radius:50%; border:10px solid rgb(210,210,210); border-radius:50%; background-color:rgb(250,250,250); left:6%; top:6%; } .left-ear{ width:40%; height:40%; border-radius:45%; border:none; background-color:rgba(15,157,88,1); position:absolute; left:3%; top:9%; transform:rotateZ(-45deg); z-index:-1; } </style> </head> <body> <div class="watch-container"> <div class="watch"> </div> <span class="left-ear"> </span> </div> </body> </html>
Run
×
Share