• Page 1 of 1
  • 1
Forum » Wonder Study 寓教于乐 » Wonder Effect js/as/css分享 » 玩转css3 shadow (box-shadow, text-shadow in css3)
玩转css3 shadow
Seven
Date Fr, 2013-06-14, 18:28 | Msg 1
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
Seven
Date Fr, 2014-04-11, 17:15 | Msg 2
低版本的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: