Member Avatar for HelloJarvis

Hey guys,

I'm having a bit of trouble with my gradient button. It looks great on Webkit, but when I try writing the gradient for FF, Opera, and IE, it doesn't work. Here is my gradient code for Webkit:

background-image:-webkit-gradient(linear, left top, left bottom, 
color-stop(0%, rgba(135,224,253,1)), 
color-stop(25%, rgba(83,203,241,1)), 
color-stop(50%, rgba(5,171,224,1)));

I'm wondering how I can write this for FF, Opera, and IE to get exactly the same results.

  • 2 Contributors
  • 1 Reply
  • 210 Views
  • 2 Hours Discussion Span
  • Latest Post Latest Post by LastMitch
Member Avatar for LastMitch

@HelloJarvis

I'm having a bit of trouble with my gradient button. It looks great on Webkit, but when I try writing the gradient for FF, Opera, and IE, it doesn't work.

When you used gradient in CSS it vary in browsers.

Read this:

http://caniuse.com/css-gradients

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.