MatEffects- A jQuery Pack Based On Material Design
.btn { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff !important; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } .btn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; color: #ffffff !important; } .conts img{max-width:500px;} .conts a.but{margin-bottom:15px;} .conts a.btn{margin-bottom:25px; display:block;} .conts a.btn:first-child{background:none;border:0;}
Download Now
Plugin Features
Based on Google’s Material design.
Includes hover effect, slider, pop up/modal, section scroller.
One effect can be used multiple times in a single page.
Four modern jQuery effects included in the package.
Very lightweight, minified version is only 14kb.
Control settings of each effects.
Control appearance through CSS, so it can be restyled and match any design.
Supports all major browsers.
Supports desktop, laptop, tablet/mobile devices.
Specially developed for Material Design Lovers.
Download file includes:
4 templates showing the use of 4 different effects which are shown in the live preview.
Library, where you’ll get jquery.mateffects-1.0.5.js, jquery.mateffects-1.0.5.min.js, mateffects.css and one image folder.
Documentation, where you’ll find detail functionality of this plugin. This documentation also give detail tutorial on how you can easily integrate this plugin into your website. This documentation is also available here.
Version 1.0.5
Got new color palettes.
Fixed UX issue for Color Slider, Section Navigator and Over View.
Section Navigator got some enhance features.
Online documentation is available now.
Version 1.0
Initial release.
