we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more.
Html5 - Css - Jquery - Slide show - Free sharing
Showing posts with label HTML5. Show all posts
Showing posts with label HTML5. Show all posts
Beautiful images animation Waves effect
Makes cool ass lakes.
No license, do what you want as long as it involves some Cool Ass Lakes.
No license, do what you want as long as it involves some Cool Ass Lakes.
How does it work?
<script src="jquery.js"></script>
<script src="lake.js"></script>
<script>
$(function() {
$('#lake-img').lake({
'speed': 1,
'scale': 0.5,
'waves': 10
});
});
</script>
Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element.The new canvas element will be the same width as the original image and double the height.
- Speed makes the waves move faster or slower.
- Scale makes the waves higher or shallower.
- Waves creates more or less waves.
Frames are precomputed, lake.js will slow down page loads but will perform well on lots of devices.
The article source:http://alligator.github.com/lake.js/
Subscribe to:
Posts (Atom)