• Page 1 of 1
  • 1
Forum » Wonder Study 寓教于乐 » Wonder Effect js/as/css分享 » 玩转css3 shadow (box-shadow, text-shadow in css3)
玩转css3 shadow
css3里有两个shadow,分别给了box和text,两种shadow的写法都是一样的

text-shadow: h-shadow v-shadow blur color

box多了两个,一个是spread,它可以设置阴影的尺寸,一个是inset,将投影改为内阴影

多个阴影效果可以用“,”隔开

box-shadow: h-shadow v-shadow blur spread color inset
低版本的IE也有两个做shadow的滤镜,Shadow,DropShadow和Glow

filter:Shadow(Color=color,Direction=direction)
/*Direction单位是角度比如90°*/

filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)

filter:Glow(Color=color, Strength=strength)
/*强度是0-100*/
Forum » Wonder Study 寓教于乐 » Wonder Effect js/as/css分享 » 玩转css3 shadow (box-shadow, text-shadow in css3)
  • Page 1 of 1
  • 1
Search: