W3 Mind Logo
Home » Drop shadow & Inner shadow – CSS3

Drop shadow & Inner shadow – CSS3

				
					.drop-shadow {
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);  /* Safari */
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);  /* Firefox */
  -o-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); /* Opera */
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
				
			
				
					.inner-shadow {
  -webkit-box-shadow:inset 10px 10px 5px 0px rgba(0,0,0,0.75);  /* Safari */
  -moz-box-shadow:inset 10px 10px 5px 0px rgba(0,0,0,0.75);  /* Firefox */
  -o-box-shadow:inset 10px 10px 5px 0px rgba(0,0,0,0.75); /* Opera */
  box-shadow:inset 10px 10px 5px 0px rgba(0,0,0,0.75);
}
				
			
About Author
W3Mind

W3Mind

W3Mind focuses on Blogging, Make Money Online, SEO, Business Blogging, Social Media, WordPress, Internet Tools, Web Design and Development.
Give it a Share
Facebook
Twitter
LinkedIn
You May Also Like
Leave a Reply

Your email address will not be published. Required fields are marked *

How to
START A
BLOG
(step by step)
Load WordPress Sites in as fast as 37ms!