The availability of CSS features differs across browsers and their versions. Using a CSS property supported only on select browsers will create inconsistent experiences for users. Thankfully, there are tools such as caniuse.com that can help you find out what browsers support a particular CSS feature.
Take a look at the images above. The image on the left shows the website rendered in Chrome, and the image on the right is the website rendered in Firefox. Notice that in Firefox, the reflected image at the bottom is not showing up.
Take a look at the caniuse.com website on the right. Search for “CSS Reflections”. Why might the reflected image not show up in Firefox?
Click to reveal the answer!
Notice that the CSS Reflections feature is not supported for all versions of Firefox.