- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
CodeCanyon Overgray 4646146
With \ JQuery \ Page \ Plugins \ More \ Overgray \ Just \ Transitions \ From \ Elements
What is Overgray, in just a few words
Overgray is a jQuery plugin that allows you to apply various grayscale effects on images when user hovers over them with cursor.
Where do we think it can be used?
We actually used this script to.
- give a website subtle dynamics
- make certain page look more modern
- moderate pages that are oversaturated with colors
- remove user focus from less important (but large) image elements
- and so on…
Surely you already have a few ideas where to use it yourself as well?
A complete list of features
- Extremely easy to implement
- Compatible with almost all major browsers
- Compatible with popular jQuery plugins
- Can work from color to grayscale or vica-versa!
- Uncompleted transitions behave as they should
- Unlimited elements per page
- Hover over an element, apply grayscale to a child (or even children) within
- Applicable even on some other HTML elements
- 11 transitions to choose from
- Combine ON and OFF transitions
- Define a custom duration
- Can use jQuery easing plugin
- Has useful callbacks
It won’t break the page even on 10-year old browsers, it will just gracefully refuse to work.
At the moment the script is not working with only on IE 10, but we are working on it.
Compatibility with various jQuery plugins
Overgray is not built to replace any popular jQuery plugins. Instead it works seamlessly with them, creating a more powerful user experience.
Below is list of plugins that we personally tested the compatibility with.
- various widgets from jQueryUI library
- Fancybox (both older and new version)
- YouTube player
- and much more we just haven’t tested yet…
We have also prepared an online demo page with code snippets , where you can see how easy it is to implement the Overgray.
Want to know more?
We are striving to create best possible tools for web developers. If you have any question of just want to give us a feedback, please do so on [email protected]
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Retina, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- ThemeForest FarAway Responsive Email Template & Stampready Mailchimp Campaign monitor Builder 19153529
- ThemeForest Univent Event Landing Page & Ticketing 19269733
- ThemeForest Bond Multipurpose Responsive Email Template & Stampready Builder 19276759
- ThemeForest Balloon Organic Farm & Food Business WordPress Themes 19117247
- ThemeForest Tumbas Responsive Woocommerce WordPress Theme 19263373
- ThemeForest Rovast Multipurpose HTML Template 19158371
- ThemeForest Galardo eCommerce Fashion Template 19253294
- ThemeForest Coney A Trendy Theme for Blogs and Magazines 19306672
- ThemeForest Margo Creative Portfolio WordPress Theme 19263532
- ThemeForest DigitalSEO Marketing & SEO WordPress theme 19269935