Hello there! I am facing an issue with creating a gradient on my website without using an image. Surprisingly, the gradient appears on Windows but not on Mac or Linux operating systems. Any idea why this might be happening? You can check out the website here to see the difference in display for yourself.
Below is the HTML code snippet:
<input type="submit" value="Log In" id="button" />And here is the CSS code being used:
#button {
width:100px;
height:30px;
background-image: -o-linear-gradient(top, #de4c4a, #cc3727);
}Any insights or help would be highly appreciated!