A couple of days ago I read this article: http://tutorialzine.com/2013/10/12-awesome-css3-features-you-can-finally-use/
and found about the new CSS3 syntax repeating-linear-gradient
.
So far it only works in FireFox, even though I use prefixes.
background: #000;
background-image: -webkit-repeating-linear-gradient(-45deg, black, black, #2a2a2a 6px, #2a2a2a 6px);
background-image: -moz-repeating-linear-gradient(-45deg, black, black, #2a2a2a 6px, #2a2a2a 6px);
background-image: -ms-repeating-linear-gradient(-45deg, black, black, #2a2a2a 6px, #2a2a2a 6px);
background-image: -o-repeating-linear-gradient(-45deg, black, black, #2a2a2a 6px, #2a2a2a 6px);
background-image: repeating-linear-gradient(-45deg, black, black, #2a2a2a 6px, #2a2a2a 6px);
I have the latest versions of Google Chrome(Version 30.0.1599.101 m
) and IE(v9.0.8112.16421
). I cannot update IE to a higher version, because of some company policies.
Am I doing something wrong?
This is my fiddle