Category: Effects
  • Sort by:
  • Latest
  • Most Hot
  • Popular
  • Random

Custom Easing Functions For CSS3 Transition – Morf.js

CSS3 transitions are great and they allow us to create many stuff that we used to see only in JS. However, compared to JavaScript alternatives, they are not flexible enough in easing functions and, even cubic-bezier (although it is pretty powerful) has its limitations. Morf.js, is a Javascript work-around for ...


Advanced Scrolling Effects jQuery Plugin: SuperScrollorama

You'll remember Scrollorama, the popular jQuery plugin for creating chic scrolling effects. There is now a superior version named SuperScrollorama by the same developer which offers more and complicated animations. It makes use of the feature-rich TweenMax and the Greensock Tweening Engine (make sure you ...


Real Shadow: Mouse-Sensitive & Realistic Shadows With jQuery

Real Shadow is a simple-yet-effective jQuery plugin for creating realistic shadow effects for any HTML element. With a simple function, it works by targeting any number of elements and manipulating the value of box-shadow CSS property for the elements in accordance with the mouse position. So, the shadow's ...


Skrollr – Standalone Parallax Scrolling Library

Parallax scrolling, creating an illusion of depth by moving web elements in different speeds while scrolling, can help offering an attractive browsing experience. Skrollr is a lightweight (7kb minified - 3k gzipped) and standalone JavaScript scrolling animation library that simplifies bringing such parallax effects ...


Creative Scrolling Effects With CSS3

Hakim El Hattab (, a very talented developer and programmer, has created a set of very nice scrolling effects. The effects are all CSS-only and a simple JavaScript function helps attaching/removing classes to elements. Currently, there are 10+ effects and, as expected, they are WebKit + Firefox-only but ...


Blur Any Web Element Easily – Blur.js

Blur.js is a flexible jQuery plugin for implementing blur effect to any web element. It actually works by creating and placing psuedo-transparent blurred elements over the targeted ones and makes use of the StackBlur algorithm. The source of the blurred item (it can use the background of body or other HTML ...


79° Attractive Image Hover Effects With jQuery: Adipoli

For websites with many design elements and content, in order to help users to focus on the content, applying an opacity on images and removing when hovered is usually a good idea. Adipoli is a jQuery plugin that beautifies and simplifies creating and consuming such hover effects. With a simple function, we can ...


Scrolling Effects With jQuery – Scrollorama

Scrollorama is a jQuery plugin for creating eye-candy effects in parallel to the scrolling of web pages. By dividing the content into blocks, it simply lets us to animate elements on the page (when a block is reached) based on the browser window’s scroll position. The animations are accomplished using CSS ...


Beautiful Text Effects With jQuery – Textualizer

Textualizer is a lightweight (4kb minified) jQuery plugin for creating good looking effects on text. The plugin accepts any number of sentences (or words) and can rotate them smartly and beautifully. Once a sentence is about to rotate with the other one, the letters that will be re-used are kept and move to their ...