Motion Blur Effect In JavaScript – MotionBlurJS

Category: Animation , Javascript | December 24, 2020
Author:Adir-SL
Views Total:1,343 views
Official Page:Go to website
Last Update:December 24, 2020
License:MIT

Preview:

Motion Blur Effect In JavaScript – MotionBlurJS

Description:

MotionBlurJS is a vanilla JavaScript library that applies a motion blur effect to any elements using JavaScript and CSS animation-delay property.

Also works with SVG objects and SVG files.

How to use it:

Download and insert the blur.js library into the html page.

<script src="blur.js"></script>

Apply a basic motion blur effect to an element.

<div id="element" class="blurjs"></div>

Apply fade and motion blue effects to an element.

<div id="element" class="fadejs"></div>

To apply the motion blur effect to SVG, make sure to load the blurSVG.js library instead.

<script src="blurSVG.js"></script>

Changelog:

12/24/2020

  • Updated blur.js

You Might Be Interested In:


Leave a Reply