Advertise here

jQuery Plugins Tagged ‘effect’

Sliced Dual Image Layout with CSS & Javascript

September 28, 2017     1311     Slider CSS3 & CSS Effects
Sliced Dual Image Layout with CSS & Javascript

A tutorial about creating some layouts with sliced background images, slideshow functionality and glitch effect by using CSS and javascript.

Read More »

Morphing Page Transition with CSS and Javascript

August 14, 2017     1656     CSS3 & CSS Effects
Morphing Page Transition with CSS and Javascript

A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.

Anime.js used for the animations and Charming.js used for some letter effects.

Read More »

Animated Image Pieces

July 26, 2017     1104     Animation
Animated Image Pieces

A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments powered by anime.js.

Read More »

Warp Drive – Warp Drive / Starfield Effect jQuery Plugin

June 14, 2017     1511     HTML5 Effects
Warp Drive – Warp Drive / Starfield Effect jQuery Plugin

Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp drive/starfield effect.

Read More »

Infinite Tubes with Three.js

May 09, 2017     2110     Effects Animation
Infinite Tubes with Three.js

A tutorial about creating some WebGL experiments where the viewer seemingly travels through a textured tunnel powered by Three.js 

Read More »

blurify – Tiny Library to Create Blurred Pictures

March 15, 2017     1582     Effects
blurify – Tiny Library to Create Blurred Pictures

blurify.js is a tiny library to blurred pictures, support graceful downgrade from css mode to canvas mode.

Read More »

TypewriterJS – Javascript Plugin for Cool Typewriter Effect

February 19, 2017     1551     Effects Text & String
TypewriterJS – Javascript Plugin for Cool Typewriter Effect

TypewriterJS is a simple yet powerful native javascript plugin for a cool typewriter effect.

Read More »

Rythm.js – Let Your Page Dance with Javascript

February 18, 2017     2242     Media Effects
Rythm.js – Let Your Page Dance with Javascript

Rythm.js is a javascript library that makes your page dance.

This library is currently in development.

Read More »

Inspiration for Search UI Effects with CSS Animations and Javascript

February 08, 2017     2392     CSS3 & CSS Effects Animation
Inspiration for Search UI Effects with CSS Animations and Javascript

A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations and javascript.

There are 11 different examples of search effects that you will find it inspirational.

Read More »

Tilt.js – Tiny Parallax Tilt Hover Effect for jQuery

February 01, 2017     2711     Effects
Tilt.js – Tiny Parallax Tilt Hover Effect for jQuery

Tilt.js is a tiny requestAnimationFrame powered 60+fps lightweight parallax tilt effect for jQuery.

Read More »

Movey Backgrounds Grid with CSS and JavaScript

January 22, 2017     2384     CSS3 & CSS Effects
Movey Backgrounds Grid with CSS and JavaScript

A cool moving background effect when hovering an image by using css and javascript.

Read More »

Text Scramble Effect with Javascript

January 18, 2017     2207     Effects Text & String
Text Scramble Effect with Javascript

A snippet about creating tiny text decoding / scramble effect by using javascript. It's easy to use & create an original text effect with this script.

Read More »

Mirror Effect with CSS and Javascript

January 05, 2017     1348     Slider CSS3 & CSS Effects
Mirror Effect with CSS and Javascript

Mirror effect as seen around web, the idea is to mirror an image and animate it within the context of a slideshow.

Read More »

mgGlitch – Tiny jQuery Plugin for Glitch

November 30, 2016     2027     Effects
mgGlitch – Tiny jQuery Plugin for Glitch

mgGlitch is a little jQuery plugin to glitch everything.

This plugin will clone the selected element (html or image) 3 times :

  • first element become a static background
  • next element with glitch property and lower interval
  • next element with glitch property, higher interval and scale options
  • next element with glitch property, higher interval, scale options and blend mode apply

Read More »

Tilt Hover Effects with CSS and Javascript

November 25, 2016     2480     CSS3 & CSS Effects Animation
Tilt Hover Effects with CSS and Javascript

Some ideas for hover animations with a fancy tilt effect by using CSS and javascript.

Read More »

AdvertisementAdvertise with us!