
Made with:
- HTML / CSS (SCSS) / JavaScript
About the code:
SVG animation of blinking eyes and mouth movements. Mouth animation: Using morphSVG between the two paths #mouth
and #mouth-frown
. Eye blink animation: 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