psycoperl Posted June 27, 2019 Share Posted June 27, 2019 In comparing three browsers (Safari 12.1.1, Chrome 75.0.3770, and FireFox 67.0.2) accessing the same page I am noticing that the colors are not rendering uniformly. Any suggestions? html{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3949ab+25,05336b+100 */ background: #05336B; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* FF3.6-15 */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(100%,#05336b), color-stop(25%,#3949ab)); /* Chrome4-9,Safari4-5 */ background: -webkit-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* Chrome10-25,Safari5.1-6 */ background: -o-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* IE10 preview */ background: radial-gradient(ellipse at center, #05336B 100%, #3949ab 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05336b', endColorstr='#3949ab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-attachment:fixed; } Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now