Jun
10
2013
10
2013
Cross browser inner box shadow
A snippet by admin
.inner-box {
-moz-box-shadow: inset 0 4px 6px rgba(0,0,0,.4);
-webkit-box-shadow: inset 0 4px 6px rgba(0,0,0,.4);
box-shadow: inset 0 4px 6px rgba(0,0,0,.24);
}
Did you enjoy this snippet? Share it!
4 Comments + Add Comment
Leave a comment
Recent Snippets
- htaccess : Only allow access to specific wordpress upload types if logged in
- MySQL : Query WordPress Database for Invalid Media Filenames
- PHP : Get Actual IP Address with PHP
- JavaScript : Allow Tab in Textarea
- PHP : Clean sanitized database contents on output
- htaccess : Force www. prefix in URIs
- PHP : Force File Download with Correct Content Type
- Wordpress : Disable upgrade notification
is not cross browser – IE8 not supported – any solution?
Google’s chromeframe frequently does the trick: https://developers.google.com/chrome/chrome-frame/?csw=1, or you can check out some of the comments on CSSTricks for a similar article at: http://css-tricks.com/snippets/css/css-box-shadow/
You can also check out the examples here which reportedly support as low as IE7: http://www.paul-piper.de/index.php?article_id=1&_rex488_uri=drop-shadow-generator.html
box shadow examples…..
http://www.corelangs.com/css/box/shadow.html
Lee