Psychedelic Background Animation In jQuery - psycar.js

Psychedelic Background Animation In jQuery - psycar.js
File Size: 5.45 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

psycar.js is a lightweight jQuery plugin used to create a configurable, responsive psychedelic background animation for your webpage.

How to use it:

1. Include the latest jQuery library and the jQuery psycar.js script at the bottom of the webpage.

<script src="//code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="jquery-psycar.js"></script>

2. Call the function on the target container on which you want to apply the psychedelic background animation:

myPsycar = $('.container').psycar({
  // options here
});

3. Make the psychedelic background animation responsive on window resize.

$(window).resize(function() {
  myPsycar.resize();
});

4. To config the psychedelic background animation, pass the following options as an object to the psycar method:

myPsycar = $('.container').psycar({
  time_interval_ms  : 40,
  cSpeed            : 10 ,
  cAmplitude        : 10,
  cDeformation      : 2,
  backColor         : '#FEC657',
  isBezier           : 'true'
});

This awesome jQuery plugin is developed by cadeli. For more Advanced Usages, please check the demo page or visit the official website.