CSS basic(6) – CSS3 box shadow, border radius and rotate

by | Sep 17, 2020 | 0 comments

CSS basic(6) – CSS3 box shadow, border radius and rotate

by | Sep 17, 2020 | CSS Tips and Tricks | 0 comments



CSS3 box shadow syntax:
box-shadow:inset x-offset y-offset blur-radius spread-radius color
This is for Firefox4.0+, Google Chrome 10.0+, Opera10.5+ and IE9
For Safari and Google Chrom10.0-, which used webkit core -webkit, i.e.we use
-webkit-box-shadow
For Firefox 4.0-, which used Mozilla core -moz, i,e we use:
-moz-box-shadow
For rotation and border radius
transform:rotate(-5deg);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
More about this video:
http://jiansenlu.blogspot.ca/2013/05/css3-box-shadow.html

source