Press "Enter" to skip to content

A JavaScript library that You Add Motion Blur to Your CSS Animation | MotionBlurJS

MotionBlurJS is a lightweight JavaScript library that allows your animation to shine with homemade CSS Motion Blur/Fade while keeping your code clean and the smoothness of your CSS animation.

How to make use of it:

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

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

Apply a primary motion blur effect to a component.

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

Apply fade and motion blur effects to a component.

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

To apply the motion blur effect to SVG, ensure that to load the blurSVG.js library as an alternative.

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

Motion Blur Effect In JavaScript, Motion Blur JS Plugin/Github


See Demo And Download

Official Website(Adir-SL): Click Here

This superior jQuery/javascript plugin is developed by Adir-SL. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.