Web development tutorials and examples

Jquery grayscale

The following example is using Jquery and it should work in all browsers but only for images.

A full working demo can be downloaded from here

Simple slideshow

This is a simple example of a JavaScript slideshow animation effect using JQuery. Simple token string: YP3JJP2EWE53

CSS gray images

This example shows how to make a grayscale div, no matter what its content is. For this, you need to use .svg (Scalable Vector Graphics) files located within the CSS style folder.

Attention! For Safari < 6 you can use this link

CSS resize transition

This simple CSS example shows how to create a resize effect occurring on mouse over. It should work on all browsers, except for IE < 10.

Opacity for all browsers

This is a simple variable opacity effect (or filter) example using CSS. It should work on all browsers.


Sign up for inspiration, news and updates