Pricer2 is a CSS3 pring grid, with clean css transitions for supported browsers, and jQuery animation for browsers that don’t assist transtions. Pricing2 works with out js, the jQuery fallback plugin solely provides animation for older browsers.
Pricer2 comes with a html code generator, so pricing grid could be created with ease. You’ll be able to create and modify colums, rows, colours, textual content and so on. with just a few click on, you’ll be able to see adjustments of pricing grid and html code in actual time.
- Limitless variety of columns and rows.
- No photos (besides arrow icon, and ribbons).
- four shade units (blue, inexperienced, orange and purple set), every set comprises 5 shade. Many shade variations (shade of the columns could be set individually).
- Tooltip for even every product element.
- CSS transitons for supported browsers (Safari four+, Chrome four+, Opera 10.5+, Firefox four+), and jQuery animation fallback for the remaining (outdated browsers).
Browser compatibility (examined and works)
- Web Explorer eight+ (Web Explorer eight don’t assist rounded borders and shadows. Web Explorer 9 helps them (besides text-shadow), however rounded borders and gradients don’t like one another (buggy), that’s why ie model doesn’t include gradients.)
- Chrome four+
- Firefox three.5+ (FF3.5 helps shadows, FF3 .6+ helps gradients too).
- Opera 10+ (11.1 Opera assist gradients).
- Safari four+
Discover: Should you don’t use tooltips Pricer2 can also be compatibe with IE7 , Firefox 2+.
JQuery compatibility (examined and works)
- CSS transtions (in Chrome 12)
- jQuery animation (in IE9 )
- HTML code geneator
Pricer2 additionally comprises a layered PSD file for ribbons, so you’ll be able to create your customized ribbons.