Category: Effects
  • Sort by:
  • Latest
  • Most Hot
  • Popular
  • Random
Free JavaScript Codes for Dynamic Animations

Free JavaScript Codes for Dynamic Animations

Web animation was always a possibility even dating back to the 1990s. But back then very few people had Internet access, and the technologies were so new it was difficult to create meaningful effects. Nowadays there are significantly more resources for animated web effects - yet there's still an even balance between ...

READ MORE +
Image Filters With jQuery – PhotoJShop

Image Filters With jQuery – PhotoJShop

When an image will be used on a web page, editing is usually performed at applications built for it (like Photoshop). For advanced editing and cropping, that is required but for simple ones, using JavaScript can be good choice. And, that leaves the original image un-edited so we can always change the filters ...

READ MORE +
Text-Rotating With jQuery Made (So) Easy

Text-Rotating With jQuery Made (So) Easy

Rotating text is not a heavily preferred UI pattern but it has its uses, specially for landing pages. This jQuery plugin, by Pete R., makes such text-rotating so easy and fun. It works by simply storing the "to-be-rotated content" inside a <span> with class rotate and separating them with commas. The ...

READ MORE +
Odometer – Transitioning Numbers With JavaScript And CSS

Odometer – Transitioning Numbers With JavaScript And CSS

Odometer is a JavaScript-CSS library for creating effects/interfaces that are familiar from "car mileage displays, airport info boards or slot machines". The library is standalone + lightweight (3kb) and uses CSS transformations for the effect which works pretty fast (has a fallback too). It simply ...

READ MORE +
Automatic And Good Looking “Page Loading Bars” – PACE

Automatic And Good Looking “Page Loading Bars” – PACE

PACE is a JavaScript library for adding good-looking loading bars to any website with ease. There are multiple loading effects: YouTube-like, corner indicator, page fill and more. It requires very less effort; simply insert the JavaScript file with the selected theme and PACE works automatically for page ...

READ MORE +
Mobile/Tablet-Friendly Parallax Effect: Parallax.js

Mobile/Tablet-Friendly Parallax Effect: Parallax.js

Parallax.js is a lightweight solution for creating parallax effects. Besides mouse/cursor support, it works on mobile and tablet (where gyroscope or motion detection hardware is available) too. It comes with multiple options for customizing the effect where they can be set inline using "data attributes" or in ...

READ MORE +
jQuery Flat Shadow – Long Shadows Made Easy

jQuery Flat Shadow – Long Shadows Made Easy

Long shadow effects are widely used to create a depth for any element in flat design. There are several ways to create this effect easily (like this Photoshop file) and, as expected, there is a jQuery way too. jQuery Flat Shadow is a plugin which can add this fading shadow to everything targeted. It is ...

READ MORE +
Creating Long Shadows With Photoshop Easily Using This Generator

Creating Long Shadows With Photoshop Easily Using This Generator

Flat design is used by all major mobile operating systems + many popular websites and it is a rising trend. This trend has its sub-trends where one of them is the "long shadow" effect used on elements. These shadows are usually applied in 45 degrees and used for icons or logos. In order to create such ...

READ MORE +
Search