CSS页面元素修饰.pptVIP

重庆科技学院电气与信息工程学院重庆科技学院电气与信息工程学院CSS3页面元素修饰黄永文email：lanf@QQ:tel：重庆科技学院信息学院文字阴影text-shadow：none|lengthnone|[shadow,]*shadow或none|color[,color]*text-shadow:[颜色(Color)x轴(XOffset)y轴(YOffset)模糊半径(Blur)],[颜色(color)x轴(XOffset)y轴(YOffset)模糊半径(Blur)]...text-shadow:[x轴(XOffset)y轴(YOffset)模糊半径(Blur)颜色(Color)],[x轴(XOffset)y轴(YOffset)模糊半径(Blur)颜色(Color)]...?取值:length：长度值，可以是负值。用来指定阴影的延伸距离。其中XOffset是水平偏移值，YOffset是垂直偏移值color：指定阴影颜色，也可以是rgba透明色shadow：阴影的模糊值，不可以是负值，用来指定模糊效果的作用距离。重庆科技学院信息学院文字阴影.demo{background:#666666;width:440px;padding:30px;font:bold55px/100%微软雅黑,LucidaGrande,LucidaSans,Helvetica,Arial,Sans;;color:#fff;text-shadow:0020pxred;text-align:center;}效果一：GlowandExtraGloweffect重庆科技学院信息学院text-shadow:2px5px0red,4px8px0blue,8px16px10pxyellow;会是什么样的效果？重庆科技学院信息学院辉光效果设置比较大的模糊半径来增加其辉光效果，可以改变不同的模糊半径值来达到不同的效果，也可以同时增加几个不同的半径值，创造多种不同的阴影效果。text-shadow:005px#fff,0010px#fff,0015px#fff,0040px#ff00de,0070px;重庆科技学院信息学院AppleStyleEffectcolor:#000;text-shadow:01px1px#fff;重庆科技学院信息学院PhotoshopEmbossEffectcolor:#ccc;text-shadow:-1px-1px0#fff,1px1px0#333,1px1px0#444;类似photoshop中的投影和浮雕效果这两个效果的模糊值一定要设置为0，使文本不具有任何模糊效果，用来增加其质感，也可以像photoshop中制作一样，改变不同的投光角度，从而制作出不同的效果。重庆科技学院信息学院浮雕效果color:transparent;text-shadow:006px#F96,-1px-1px#FFF,1px-1px#444;重庆科技学院信息学院3Dtexteffectcolor:#fff;text-shadow:1px1pxrgba(197,223,248,0.8),2px2pxrgba(197,223,248,0.8),3px3pxrgba(197,223,248,0.8),4px4pxrgba(197,223,248,0.8),5px5pxrgba(197,223,248,0.8),6px6pxrgba(197,223,248,0.8);重庆科技学院信息学院Vintge/Retrotexteffectcolor:#eee;text-shadow:5px5px0#666,7px7px0#e