FilterBlend is a playground for the new CSS background-blend-mode and filter properties.
Load your images and combine blending with filters to achieve some really unique effects!
Best jQuery Image Effects Plugins & Tutorials with Demo
CSSgram : CSS library for Instagram Filters
CSSgram is a library for editing your images with Instagram-like filters directly in CSS. What we’re doing here is adding filters to the images as well as applying color and/or gradient overlays via various blending techniques to mimic these effects. This means less manual image processing and more fun filter effects on the web!
Lollipop : HTML5 Image Editor App
Lollipop is the perfect image editing HTML5 app for quick and straight forward editing.
Features:
- 90+ FILTERS16 Filters + 7 Guest Filters (Instagram) from filters section, and 70+ filters from package section. Lollipop’s filters are shown real-time while you take a photo with your webcam. Move to next or previous filter by swiping.
- 15 ADJUSTMENT & CROPPING & TRANSFORMING TOOLS & UNIQUE FRAMES Use adjustment tools: Brightness, Contrast, Saturation, Noise, Sharpen, Blur, Circle Blur, Vignette, Effects, Customize RGB… to enhance your images to perfection with ease. Transform your photos with rotating and flipping tools. Crop your photos with quick and easy cropping tool…
Face detection with jQuery
In this specific tutorial i am going to show you how to add face detection with jquery feature to your web application like they do on facebook. I tested this script with different images with different layout and complexity to test how this face detection script handles it. I have added all those results in demo for your viewing and better understanding of how this Face detection with jquery works.
LoadGo : jQuery Progress Bar with Your Images
LoadGo is a jQuery plugin that allows you to create a progress bar by using your own images.
- Perfect for logo image animation when user is waiting for something to be loaded (a website, retrieving information, updating status, etc.)
- It creates an overlay above your desire DOM element and simulates a loading process using width calculations.
Watermark : jQuery Image Watermark Plugin
jQuery plugin Watermark help you seal batch of images, like a stamp tool.Because this plugin is written in HTML5 and Javascript, so it will operate without a server for image processing, bandwidth limit is no longer the thing you need to worry.
Features:
- Using an image or text to stamp.
- Allows you to select a position to stamp on 8 corners of the image.
- Size and format options after the stamped image.
- Export image to base64 type, so might instead directly into the old photos or upload server allows, for example, Imgur.
