Comments on: Create a CSS3 Call to Action Button

By: carrie

carrie — Mon, 03 Oct 2011 03:43:44 +0000

Thanks a lot for this tutorial css3 buttons is kind tricky, now i can create a variety of buttons in different color.

By: Ensurance

Ensurance — Mon, 28 Feb 2011 18:01:00 +0000

Thank you Jones,your code worked for me!

By: Turanian

Turanian — Fri, 28 Jan 2011 14:22:22 +0000

Great thanks for this nice tutorial…

I learned too much about CSS3 gradient event.

By: Geraint Jones

Geraint Jones — Wed, 29 Dec 2010 02:31:13 +0000

Sadly you cant do color stop’s with IE’s gradient however the following should give you an acceptable work-around

a.btn {
background: -moz-linear-gradient(#98ba40, #a6c250 35%, #618926);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #98ba40),color-stop(.35, #a6c250),color-stop(1, #618926));
/* For IE 5.5+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF98ba40, endColorstr=#618926);
/* For Internet Explorer 8 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF98ba40, endColorstr=#618926)”;
}

a.btn:hover {
background: -moz-linear-gradient(#245192, #1e3b73 75%, #12295d);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #245192),color-stop(.75, #1e3b73),color-stop(1, #12295d));
/* For IE 5.5+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF245192, endColorstr=#12295d);
/* For Internet Explorer 8 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF245192, endColorstr=#12295d)”;
}

By: Alex

Alex — Fri, 10 Sep 2010 10:46:40 +0000

very nice. thanks

any work-around for IE? Anything to make it look pretty

By: Ankit

Ankit — Thu, 15 Jul 2010 18:26:17 +0000

It’s really for me.
I was looking for same type of solution for creating Call-to-Action button without using Photoshop.
Thanks

By: Baris

Baris — Thu, 15 Jul 2010 13:43:13 +0000

thanks for great tutorial.

By: kutoku

kutoku — Wed, 14 Jul 2010 05:28:23 +0000

your article is not supporting in IE6&7 browser, right?

By: Mike

Mike — Mon, 12 Jul 2010 02:45:07 +0000

Thank for this awesome article. Sadly it works only on Firefox. When I try to do it with IE, the result is not good at FF.

By: Alisa

Alisa — Fri, 09 Jul 2010 19:09:15 +0000

Yes, hopefully IE9 will support css3 so that we can start using it in the future. That means our corporation *might* upgrade everyone to it in about about 3 years.. our standard is still IE7 (but at least we got rid of IE6)! :)