Ads 468 X 60

Modern Bold Buttons

CSS – Modern Bold Buttons | CodeCanyon


Modern Bold Buttons his title this type of CSS/Buttons This time I will review,made by ser-html, CSS/Buttons is sold at a price of $3 in themeforest.

Modern Bold Buttons - CodeCanyon Item for Sale



marketplace.load(“http://jwpsrv.com/library/9Vqd1GQnEeKMjiIACp8kUw.js”); marketplace.queue(function(){ new marketplace.Video({ file: “http://1.s3.envato.com/h264-video-previews/c68b0fdc-038e-11e3-9380-005056926838/5366784.mp4″, poster: “http://1.s3.envato.com/files/63886695/cover.jpg”, title: “Modern Bold Buttons”, height: “480″, width: “854″, embed_url: “http://codecanyon.net/item/modern-bold-buttons/embed/5366784″, isMainPreview: false }).setup(); });



button // buttons // color // css // css3 // font awesome // hover // icons // input // modern // progress // rounded //




























Created14 August 13
Last Update14 August 13
Compatible BrowsersIE8, IE9, IE10, Firefox, Safari, Opera, Chrome
Software VersionCSS2, CSS3
High ResolutionNo
Files IncludedHTML, CSS




Overview


Modern Bold Buttons is an elegant and stylish set of buttons made in CSS3. Works on links, inputs, buttons.

Bonus: Font Awesome ready (more than 360 icons)!


Features



  • 16 color variations

  • 3 sizes

  • 2 border size styles + rounded

  • Disabled and progress states

  • Works on links, inputs, buttons

  • Easy customization (just copy-paste css class, rename it and change only 3 values – background color, border color, text color)

  • No image required

  • Degrades nicely on older browsers (see screenshots)

  • Detailed documentation (how to use, colors and styles description, how to customize)

  • Font Awesome ready (more than 360 icons)! You can easily add an icon to the buttons

  • SASS file included

  • Small size of css files: normal – 11kB, minified – 9kB, minified and gzipped (with compression) – 1.8kB


Credits



  • Thanks Dave Gandy for Font Awesome

  • Thanks subtlepatterns.com for awesome backgrounds on demo page


Support


Feel free to contact me if you have any questions!




0 comments:

Post a Comment