3 ms·

I made something similar for my personal site, except it didn't track cursor, no JS, & blinked too. Made with pure CSS https://codepen.io/mnsh/pen/BaYxvxo http

• bil7 4y ago
  "i made something similar, except it shares almost no similarities"
  • tomschwiha 4y ago
    To be fair its both about eyes and both are fancy.
    • rikroots 4y ago
      I've resisted posting my effort at a moving eyes animation, but my resolve has crumbled[1]. In an attempt to make this comment slightly less spammy, I think that it's easier to create this effect in a web page if the code makes good use of radial gradients. Both SVG and the 2D canvas API use a 'two circles' approach to defining the gradient (interactive demo here[2]); the CSS approach, however, seems a lot less intuitive to me[3] - can I assume there were good reasons why the CSS committee chose to do it this way? [1] - https://codepen.io/kaliedarik/pen/XWgoLjE https://codepen.io/kaliedarik/pen/XWgoLjE [2] - https://scrawl-v8.rikweb.org.uk/demo/canvas-004.html https://scrawl-v8.rikweb.org.uk/demo/canvas-004.html [3] - https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/radial-gradient https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/ra...
  • mbostleman 4y ago
    It shares the same behavior with a completely different implementation.
  • mnsh 4y ago
    Well, I thought it was about depicting eyes on a webpage ¯\_(ツ)_/¯
• lyjackal 4y ago
  Here I thought I was being original when I made this face on my webpage track the cursor https://adrianlyjak.com https://adrianlyjak.com