文本与字体 1)阴影:text-shadow 格式:text-shadow:5px 5px 3px #FFFFFF分别对应 水平方向 垂直方向 模糊程度 颜色值 代码: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UT
分类:
Web程序 时间:
2016-02-05 18:31:33
阅读次数:
238
效果:http://hovertree.com/texiao/css3/1/本效果主要使用text-shadow实现.参考:http://hovertree.com/h/bjaf/css3_text_effect.htm代码如下:超炫CSS3文字特效集锦DEMO演示 - 何问起OutlinedAOu...
分类:
Web程序 时间:
2016-01-27 00:50:28
阅读次数:
262
ie-css3.htc(让IE支持box-shadow,圆角,text-shadow)IE本身是shadow滤镜可以实现类似效果的,还有一些js和.htc的hack文件可以帮助你在IE中实现这一效果。我也无法一一都去尝试,这里只介绍我用过的一个。ie-css3.htc是一个可以让IE浏览器支持部份C...
分类:
Web程序 时间:
2016-01-10 07:06:39
阅读次数:
287
background-size:cover; //等比放大背景图片background-size:contain; //等比缩小背景图片-webkit-border-radius: 15px;//圆角text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。基本语法...
分类:
Web程序 时间:
2016-01-09 18:22:58
阅读次数:
135
一:ie9不支持css3的text-shadow属性;二:glow滤镜下的文字阴影效果 Filter:glow(color=black,strength=5); 实现效果就是5像素扩散大小的黑色光晕。但是效果不经人意,当换成灰色时候就会有毛边。三: MotionBlur的滤镜下的文字阴影效果 f.....
分类:
Web程序 时间:
2015-12-01 21:09:54
阅读次数:
237
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}...
分类:
Web程序 时间:
2015-11-10 12:19:35
阅读次数:
280
RGBA:透明度 作用: 设置透明度(R G B A)opacity:不透明度 文字也会被设置不透明度圆角border-radius:圆角{左上角,右上角...}块阴影box-shadow:{水平阴影宽度(负号向下) 垂直阴影宽度(负号向右) 透明度 颜色} text-shadow:{水平阴影...
分类:
Web程序 时间:
2015-11-07 00:50:23
阅读次数:
393
text-shadow运用得是最多的一个属性,作为我们前端人员我觉得有必要学习并掌握这个text-shadow属性text-shadow : none | none | [, ] * 或none | [, ]*也就是:text-shadow:[颜色(Color) x轴(X Offset) ...
分类:
Web程序 时间:
2015-11-05 15:05:13
阅读次数:
301
text-shadowtext-shadow:none | [ , ]* = {2,3} && ?默认值:none适用于:所有元素继承性:有动画性:是计算值:1个颜色加3个绝对长度取值:none:无阴影①:第1个长度值用来设置对象的阴影水平偏移值。可以为负值②:第2个长度值用来设置对象的阴影垂直.....
分类:
Web程序 时间:
2015-11-04 17:19:12
阅读次数:
240
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}...
分类:
Web程序 时间:
2015-10-30 18:41:52
阅读次数:
203