SVG ANIMATION 404 ERROR MILK CARTON

Author:

  • chris i

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

Add a Comment

Your email address will not be published. Required fields are marked *