Made with:
- HTML / CSS (SCSS) / JavaScript
About the code:
This is an amazing SVG animation of blinking eyes and mouth movements. Mouth animation is created using morphSVG between the two paths #mouth
and #mouth-frown
. Eye blink animation is created using transformOrigin
and scaleY
of a circle to create a blinking effect.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: TweenMax.js, MorphSVGPlugin.js, DrawSVGPlugin.js
Download Demo and Code