tvOS Hover Parallax Effect With jQuery and CSS3 - TVParallax
| File Size: | 4.75 KB |
|---|---|
| Views Total: | 4242 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
TVParallax is a supery tiny jQuery plugin utilizing CSS3 3D transforms to implement an Apple tvOS style parallax effect on a given element that interacts with mouse move.
See also:
- Apple TV Poster Parallax Effect with jQuery and CSS3 - maximusParallaximus
- tvOS Inspired Interactive Parallax Effect with jQuery and CSS3 - Media Poster
How to use it:
1. Download and load the jQuery TVParallax plugin after you've added jQuery JavaScript library.
<script src="jquery.min.js"></script> <script src="parallax.js"></script>
2. Call the function to apply the parallax element to a specified element.
parallax($('.element'), 15, true)
3. Parameters.
- element: target element.
- velocity: the velocity of the parallax effect
- shine: enables shine effect.
parallax (element, velocity, shine)
This awesome jQuery plugin is developed by TheAbstractDev. For more Advanced Usages, please check the demo page or visit the official website.
