Animation

30 Photo Animations with JavaScript

Spread the love

Spread the love           All animations and styles can be combined to create a unique experience for your image galleries.Use the Fig Configurator to quickly generate Fig HTML snippets ready to be copy and pasted to your website. The package contains the original source files so if you’re a webdeveloper you can tweak the library to […]

30 Photo Animations with JavaScript Read More »

Mac OSX-like Animated Folder with CSS3 & jQuery

Spread the love

Spread the love           In this short tutorial, we are going to make a OSX-like folder with CSS3, by utilizing 3D transforms, gradients and box shadows. In addition, we are going to use jQuery UI and its drag and drop interactions to build a pretty interactive demo. Demo: http://demo.tutorialzine.com/2012/12/mac-osx-animated-folder-css3/ Download Links http://tutorialzine.com/2012/12/mac-osx-animated-folder-css3/

Mac OSX-like Animated Folder with CSS3 & jQuery Read More »

Block Slide: A CSS3 Animated Modal Window Image Gallery jQuery Plugin

Spread the love

Spread the love           Today I’d like to share with you a little jQuery plugin that creates an image slider which gives more information when clicked on. I’ve also included a bunch of built-in animations for the modal windows giving some pretty cool effects. Demo: http://inserthtml.com/demos/javascript/block-slide/ Download Links http://www.inserthtml.com/2013/08/modal-image-slider/

Block Slide: A CSS3 Animated Modal Window Image Gallery jQuery Plugin Read More »

Dynamic Shape Overlays with SVG

Spread the love

Spread the love           Today we’d like to share another way of achieving morphing page transitions. This time, we’ll generate multiple SVG curves with JavaScript, making many different looking shapes possible. By controlling the individual coordinates of the several layers of SVG paths, the curved shapes animate to a rectangle (the overlay) with a gooey motion.

Dynamic Shape Overlays with SVG Read More »

Emergence.js : Detect Element Visibility in the Browser

Spread the love

Spread the love           Emergence.js is a lightweight, high-performance JS plugin for detecting and manipulating elements in the browser. It gives the developer the freedom to use their own CSS or JS to determine what happens; whether it’s animation or a change in state. It leverages HTML5 data-* attributes instead of classes for ease and developer clarity.

Emergence.js : Detect Element Visibility in the Browser Read More »

jCanvaScript : JavaScript Library to manage Html5 Canvas Element

Spread the love

Spread the love           jCanvaScript is a javascript library that provides you methods to manage with the content of a HTML5 canvas element easily. It runs on any platform (including iPhone, iPad, Android) that supports canvas and JavaScript. To add support for canvas in Internet Explorer you can use ExCanvas. Features: Fully Object Oriented Provides access

jCanvaScript : JavaScript Library to manage Html5 Canvas Element Read More »

EasyAnimationFrame.js : JavaScript Html5 RequestAnimationFrame API

Spread the love

Spread the love           Unfortunatelly the new RequestAnimationFrame API does not allow us to set the framerate, but using EasyAnimationFrame.js you can run html5 canvas or html animations having the complete control of the framerate. Using this script you get a complete cross browser suppor. Tags: HTML5 canvas Demo: http://codepen.io/GianlucaGuarini/full/GlEzv Download Links https://github.com/GianlucaGuarini/EasyAnimationFrame

EasyAnimationFrame.js : JavaScript Html5 RequestAnimationFrame API Read More »

FlexTabs : jQuery Responsive Tabs to Accordion

Spread the love

Spread the love           FlexTabs a Clean tabs is a CSS3 and jQuery completely responsive navigation tabs are made for any occasion and easy implementation with quick customization possibilites. If you wish to spice up your corporate website, blog, ecommerce site or a message board, with Tabbed it’s easy to show any content, video, price or

FlexTabs : jQuery Responsive Tabs to Accordion Read More »

Lollipop Effect Click with jQuery & CSS3

Spread the love

Spread the love           Probably you have noticed that ripple effect (known as ” ripple ” ) when you click any element in your android . Now you can implement it in your application very quickly . Demo: http://butsource.github.io/Lollipop-Effect-Click/ Download Links https://github.com/butSource/Lollipop-Effect-Click

Lollipop Effect Click with jQuery & CSS3 Read More »

Scroll to Top