Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

CSS3 box shadow property not working like it did before which was just like webkit

  • 2 fhreagra
  • 6 leis an bhfadhb seo
  • 6 views
  • Freagra is déanaí ó carasmo

carasmo
carasmo
more options

http://matthamm.com/box-shadow-curl.html In this link, if you look at it in Firefox 14.0.1 (which auto updated today) this technique no longer works as it did before. It used to look like it did in Chrome/Safari and Opera, which gives the look of the corners of the box being curled up.

[http://matthamm.com/box-shadow-curl.html] In this link, if you look at it in Firefox 14.0.1 (which auto updated today) this technique no longer works as it did before. It used to look like it did in Chrome/Safari and Opera, which gives the look of the corners of the box being curled up.

All Replies (2)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Firefox 14 removed support for skew() transforms.skewX and skewY are available (but I have no idea how to use them...)

https://developer.mozilla.org/en/CSS/transform#skew_Non-standard

carasmo
carasmo Úinéir na ceiste
more options

Thanks!!! Yes, I just found that out. Can't explain it, but I played around. What was:

-moz-transform: skew(-15deg) rotate(-6deg)

is now:

-moz-transform: skewX(-15deg) skewY(0deg) rotate(-6deg);

I don't know if I need the skewY in there, but I'm leaving it. I will mess more with it later.