How to optimize SVG code and animate an SVG icon using CSS and Snap.svg library.
jQuery Animation Plugin & Tutorials with Example
A basic template to showcase the best features of your app, enriched with a video slider for a better user understanding. In this tutorial we can learn how to make this video slider effect to make mobile app introduction template with CSS3 and jQuery.
The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh’s Dribbble shot and was made using Snap.svg and morphing SVG paths to animated the slide background SVGs in order to simulate the elastic effect. What happens is that we basically morph an SVG path from a rectangle to a curved shaped; either a right curve or a left curve, depending on where we are navigating to.
Parallaxer is a script that turns any content into a cool parallax effect. It works smooth with any content you throw at it, images and even sliders, video players, basically any html content.
- fully responsive
- touch optimized
- CSS3 technology
- iPhone / iPad optimized
- Android optimized
- SEO friendly
- compatible with all major browsers, including IE
- retina ready
- embed ready
- developer / SASS powered
Css Loader is developed to load on screen a waiting spinner plugin for your customers.
In just 2 minutes you can configure this plugin, with a few steps you will have transitions from page to page on your website.
You also have the option of launching the loader if you are performing an action, to send data by Ajax, wait while a process is running, etc.
- 17 differenf spinners where you can set color
- Ready to mobile
- Css3 hardware accelerated
- Ready for use between processis
- Create your own theme
- Set your custom callback to each element
It contains all types of sliders/banners, from banner rotator, zoom in/out effect slider, parallax slider, carousel, sidebar banners and full screen background.
- jQuery Banner Rotator / Content Slider / Carousel
- jQuery Slider Zoom In/Out Effect Fully Responsive
- Parallax Slider – Responsive jQuery Plugin
jQuery Plugin to draw animated circular progress bars.
jQuery caption hover effects have been on the Web for a long time. There are plenty of jQuery libraries out there that can be used to obtain a cool and amazing image caption animation and hover effects.
That being said, it is now possible to do the same cool effects with CSS3 transitions and transform properties.