css3
文章平均质量分 60
清濛
这个作者很懒,什么都没留下…
展开
-
css3滤镜-通道(Alpha)滤镜
通道(Alpha)滤镜通道(Alpha)滤镜应用于图片其相关参数包括:1.enabled:设置滤镜是否激活2.style:设置透明渐变的样式,渐变显示的形状,取值为0-3,0表示无渐变,1表示线性渐变,2表示圆形渐变,3表示矩形渐变3.opacity:透明度,0-100,0表示完全透明,100表示完全不透明4.finishOpacity:设置结束时的透明度5原创 2016-05-03 20:21:38 · 1698 阅读 · 0 评论 -
css3盒子布局--管理盒子的空间(box-pack和box-align)
css3定位布局-管理盒子的空间(box-pack和box-align)body,html{ width:100%;height:100%;}body{margin:0;padding:0;display: box;display: -moz-box;display:-webkit-box;-moz-orient: horizontal;-w原创 2016-05-04 15:48:28 · 819 阅读 · 0 评论 -
css3盒子布局-定义盒子的弹性空间(box-flex)
css3定位布局-盒子的弹性空间(box-flex)body{margin:0;padding:0;text-align: center;/*background-color: #d9bfe8;*/}.box{margin:auto;text-align:center;width:988px;height:50px;overflow:hidden原创 2016-05-04 15:01:39 · 451 阅读 · 0 评论 -
css3盒子布局-定义盒子布局的位置(box-ordinary-group)
css3定位布局-盒子布局的位置(box-ordinary-group) body{margin:0;padding:0;text-align: center;background-color: #d9bfe8;}.box{margin:auto;text-align:center;width:988px;display: box;dis原创 2016-05-04 14:47:04 · 2155 阅读 · 0 评论 -
css3高级滤镜-光照滤镜
高级滤镜指需要配合JavaScript语言,产生变换效果的滤镜 光照(Light)滤镜 语法格式: filter:Light(enabled=ienabled) 参数介绍: 1.AddAmbIE9.0nt:加入包围的光源 2.AddCone:加入锥形光源 3.AddPoint:加入点光源 4原创 2016-05-04 13:24:33 · 1254 阅读 · 0 评论 -
css3高级滤镜-切换滤镜
切换滤镜(RevalTrans) .revaltrans{ filter:revalTrans(Duration=3,Transition=10); } 切换滤镜 相关参数: 1.是否激活滤镜 2.duration:设置用于切换的停留时间 3.tran原创 2016-05-04 13:23:36 · 634 阅读 · 0 评论 -
css3高级滤镜-渐隐效果
渐隐滤镜效果 .blendtrans{ filter:blendTrans(duration=3); } 渐隐(BlendTrans)滤镜 相关参数: 1.enabled:表示滤镜是否被激活 2.duration:表示转换过程所需要的时间,单原创 2016-05-04 13:22:52 · 1485 阅读 · 0 评论 -
CSS3滤镜-水平和垂直翻转图片
水平(FlipH)和垂直翻转(FlipV)滤镜 水平翻转滤镜 原图片: 水平翻转后的: 垂直翻转滤镜 原图片: 垂直翻转后的:原创 2016-05-03 21:14:16 · 687 阅读 · 0 评论 -
css3滤镜-投影(DropShadow)滤镜
投影(DropShadow)滤镜 投影滤镜展示用于图片 相关参数介绍: 1.enbaled:设置滤镜是否激活 2.color:指定滤镜产生的阴影颜色 3.offx:指定阴影水平方向上的偏移量,默认为5px 4.offy:指定阴影垂直方向上的偏移量,默认为5px 5.posit原创 2016-05-03 21:06:34 · 762 阅读 · 0 评论 -
css3滤镜-色彩(Chroma)滤镜
chroma滤镜 div{ /*-webkit-filter:Chroma(color=blue);*/ filter:Chroma(color=blue); } p{ font-size:30px; font-weight:bolder; color原创 2016-05-03 20:38:54 · 598 阅读 · 0 评论 -
使用CSS3滤镜美化效果
使用css3滤镜美化效果滤镜的相关概述,用标识符filter:filtername(parameter)来标记Alpha:设置透明度BlendTrans:实现图像间的淡入和淡出的效果Blur:建立模糊效果Chroma:设置对象中指定的颜色为透明色DropShadow:建立阴影效果FlipH:将元素水平翻转FlipV:元素垂直翻转Glow:建立外发光效原创 2016-05-03 20:31:15 · 395 阅读 · 0 评论 -
css3滤镜-模糊Blur滤镜
模糊滤镜 .div2{ }模糊(Blur)滤镜应用于图片其相关参数包括:1.enabled:设置滤镜是否激活2.add:指定图片是否改编成模糊效果,布尔值,默认为true,表示应用模糊效果3.direction:设置模糊方向,按照顺时针方向起作用,取值范围0-360度,45度为一个间隔,共有8个方向值,4.st原创 2016-05-03 20:25:59 · 2867 阅读 · 1 评论 -
css滤镜总结
css3滤镜实现 .div_20160110 img { max-width: 150px; max-height: 150px; }.sepia { /** 格式,filer: sepia(效果范围) 对图片或元素整体进行棕褐色处理,会将你的图片复古成黑白老照片原创 2016-05-03 20:19:13 · 391 阅读 · 0 评论 -
css3新增的文本高级样式-文本阴影和文本溢出
css3控制文本p#shadow{font-size:40px;text-shadow: 2px 2px 4px blue;}p#yichu1{text-overflow: clip;overflow:hidden;width:200px;white-space:nowrap;background-color: #ccc;}p#yichu2{原创 2016-04-24 19:44:27 · 585 阅读 · 0 评论