jQuery plugin for ‘responsive cropping’. Dynamically crop images to fill available space without cutting out the image’s subject. Great for full-screen images.
jQuery Image Effects Plugin & Tutorials with Example
Photofun is a “ready to use” SEO-friendly PHP montage script which allows you (or your users) to upload jpg, gif or png images, apply effects and then save and/or share the image (with your watermark).
It features 15 standard layers and 12 layers with filters but you can add as many as you want if you have a basic knowledge of PHP.
A jQuery plugin for creating an interactive 360º image rotator.With Rollerblade, you can easily give your webpage visitors a great 360º viewing experience with your product, images, or anything else you can think of.
A jQuery plugin that makes an image erasable (with mouse or touch movements)
This plugin replaces the targeted image by an interactive canvas that can be erased using touch or mouse inputs. You can specify a callback for completion and set the brush size.
A simple jquery plugin for creating image comparison sliders.
Change an element’s opacity based on the mouse’s distance from its center.
The idea is to use some jQuery to define an invisible circle around the center point of an element, and to lower the element’s opacity as the user’s mouse gets closer to its center. The effect works best with an image that is close to square, but it will define the circle within any sized image.
jQuery plugin that rotate images (and animate them) by any angle.This is a small plugin for jQuery that adds a nice feature to rotate images (img html objects) by a given angle on web pages. An experimental version 3 tries to rotate all objects, but with some small issues.
CSS and SVG have a lot in common. A lot of the features that we have in CSS today were imported from SVG. One of these features is the Clipping operation. Both CSS and SVG allow us to “clip” elements into custom non-rectangular shapes. In this article we will go over the clipping techniques in both CSS and SVG, covering everything you need to know to get started.