Eye using (CSS box-shadow)

Idea from: https://codepen.io/pixelass/pen/YXXBmr

by Konstantin Rouda

HTML

<div class="elem"></div>

CSS

BODY {
  background: rgba(179, 180, 180, 0.8);
}


.elem {
  box-sizing: border-box;
  width: 100px; height: 100px;
  margin: 5rem auto 0;
  border-radius: 50%;
  background: rgba(45, 78, 149, .9);
  box-shadow: 2px 10px 0 30px rgba(255, 255, 255, 1) inset;
}

JavaScript

/*
Idea from:
https://codepen.io/pixelass/pen/YXXBmr
*/