<html>
<head>
</head>
<body>
<div id="najma1">
</div>
  <div id="najma2"></div>
  <div id="najma3"></div>
</body>

</html>







/*
-----------------------------------------------
BY:       Abdessamad ELMAZGHY
URL:        http://www.najmacode.com
----------------------------------------------- */
#najma1 { 
  position: static;
  width: 150px;
  height: 150px;
  background: #F8AC2C;
    border-radius:50%;

}
#najma2 { 
 position: relative;
  border-radius:50%;
  width: 150px;
    left: 200px;

  height: 150px;
  background: #FF2929;
}
#najma3 { 
  position: static;
  width: 150px;
    border-radius:50%;
  height: 150px;
  background: #F8AC2C;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.