Skip to content
Rocket create an animation from two items via jQuery
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md
rocket.css
rocket.js
rocket.min.css
rocket.min.js

README.md

🚀 rocket

Rocket creates an animation when an item is moved to another element. Take a look: DEMO PAGE

Include the CSS style: rocket.css or rocket.min.css and include the JS file: rocket.js or rocket.min.js

Example:

<link rel="stylesheet" href="rocket.min.css">
<script src="rocket.min.js"></script>

##Usage

Use this function on your javascript file: rocketcss(rocket, target, theclass)

  1. Replace rocket with the class item that you want to move.
  2. Replace target with the class item that you want to use as target.
  3. Replace theclass with one of those available animations: rocketPulse, rocketPulseHole, rocketRotate, rocketRotateHole, rocketRotateGo, rocketGost, rocketFlip, rocketCircle

##Extra

You can add a special class targetPulse to the target element in your custom script file action.

##Basic Example

Simple example on click

$('.yourBtnClass').on('click', function() {
	rocketcss(this,'.yourTargetClass', 'rocketPulse');
	$('.yourTargetClass').addClass('targetPulse');
});
You can’t perform that action at this time.