Category: Effects
  • Sort by:
  • Latest
  • Most Hot
  • Popular
  • Random
Flexible Text Animations With jQuery: Textillate

Flexible Text Animations With jQuery: Textillate

Text animations in websites were so popular once Flash was used widely and now, simplistic, non-animated websites that put the content in front are the way to go. However, if used wisely, there is still room for such animations, and, a jQuery plugin named Textillate.js simplifies creating them. The plugin makes ...

READ MORE +
SVG Path Animations With jQuery – Lazy Line Painter

SVG Path Animations With jQuery – Lazy Line Painter

Lazy Line Painter is a pretty original jQuery plugin for preparing and presenting SVG path animations using  jQuery. It works for any SVG file (any design can be exported with Illustrator in seconds) and simply by drag 'n' dropping it to an online generator provided by the plugin. And, after that, just ...

READ MORE +

A Bunch Of CSS Animation Effects For Lists: Liffect

Liffect is a web-based generator that provides lots of different effects for list elements. It makes use of CSS animations and requires jQuery for applying the delay in effects. There are items fading, zooming, sliding, flipping, bouncing and, a fun one, Star Wars-inspired effect. The website allows us to define ...

READ MORE +

Tilt-Controlled Images – Lenticular.js

Lenticular.js is a jQuery plugin for creating image animations that response to tilting or mouse events. The plugin is built with mobile browsers in mind (tilting) but can also be used for desktop browsers (mouse). It is pretty easy-to-setup. Just create a sequence of images (that are named like image-1.jpg, ...

READ MORE +

CSS And JavaScript Samples For Easing Functions – Easings.net

For JavaScript and CSS-based animations, easings (the speed of the animation progresses) have a huge role in making them realistic. Easings.net is a very useful website for understanding and using such easing functions. Each function is displayed with a line chart where hovering them automatically runs an animation ...

READ MORE +

Fold Up HTML Elements Like Paper With oriDomi

oriDomi is a JavaScript library for beautifully folding up any HTML element just like a paper. The library doesn't depend on any JavaScript frameworks (but has optional support for jQuery) and uses CSS 3D transitions for creating the effect. Folding is performed as an animated event where the number of ...

READ MORE +

Pixelate Images With JavaScript – SeuratJS

SeuratJS is a plugin for the powerful Raphaël that enables us to create vivid animations and pixelated artwork. It extracts the color information from any given image and rebuilds it in SVG with the modifications applied. The plugin works cross-browser and can be customized with various settings (like ...

READ MORE +

A CSS 3D Lighting Engine – Photon

Photon is a JavaScript library which can add simple lighting effects to any element in the 3D space. In order to create the effect, it uses the WebKitCSSMatrix object (WebKit is the only supported browser engine). The angle of the light can be defined and changed anytime with the provided functions. It is ...

READ MORE +

Keyframe Animations With JavaScript – Rekapi

Almost every web designer/developer has an experience with Flash (good or bad). And, we remember how its keyframe animation engine works: you define the states of an object in any number of keyframes you wish and it handles the animation/transformation between them itself. And, there is CSS3 @keyframe animations ...

READ MORE +
Search