All geek questions in one place

CSS3 box-shadow + inset + RGBA

I am doing some tests with the new CSS3 features, but this combination only works in the latest versions of Chrome and Firefox, but not in Safari or Opera:

box-shadow:         inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);

I really don’t know if they will work in the box itself, in the insert parameter or in RGBA color. Is this a syntax error or is it just that Safari and Opera are missing out on this?

+3
source share
2 answers

The keyword is insetnot supported in Safari 4, but is supported in Safari 5 and Opera 10.5. Make sure you are using the latest versions of each.

Sources:

+3

-: --, , , , .

+1

Source: https://habr.com/ru/post/1737981/

More articles:


All Articles