A tutorial about creating responsive drag slider with parallax effect and transparent letter effect by using javascript, css.
Parallax Slider incorporates a parallax scrolling effect where each slide and its contents glide into view at different speeds, creating a captivating visual experience. Visual intrigue aside, however, Parallax Slider is an easy to customize, responsive slider that can adapt to different screen and device sizes, by supporting a percentage value as its width.
jInvertScroll is a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down.It's easy to setup and requires nearly no configuration.
Parallax.js is simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.
Scrolly is a super simple and easy to use parallax plugin for jQuery.
Fraction Slider is a jQuery plugin which adds a fully customizable element slider to your website.
It allows you to animate multiple elements per slide. Set different animation methodes like fade or (from) left, delays and easing for each element, or spimple set some defaults in the plugin options.
You also have full layout/design control through html and css (every html-element can be animated).
Destaque is a simple slideshow plugin with built-in parallax effect.
Here you ll learn how to create a simple parallax content slider. Using CSS animations, you’ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself.
