CSS中的滤镜

设计网页时合理的为页面应用滤镜,可以起到非同凡响的效果。CSS滤镜分为基本滤镜和高级滤镜,基本滤镜又称为视觉滤镜,只要将其应用于对象上,便可以立即产生视觉特效,但其效果远不及高级滤镜。css的滤镜标示符是filter,在创建滤镜时首先要对filter进行定义,使用方法同其他css语法。

一、Alpha滤镜:对图像,文字设置透明效果

1、语法

1.alpha { 2filter: alpha(Opacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?); 3} 4 5Opacity:透明度,0-100.0代表完全透明 6FinishOpacity:指定结束时的透明度,0-100 7Style:透明区域样式。0:无渐变,1:渐变,2:放射性渐变,3:菱形渐变。当style=2时,StartX,StartY,FinishX,FinishY参数无意义,都是以对象中心为起始,四周为结束。 8StartX:渐变开始的水平座标 9StartY:渐变的垂直座标 10FinishX:结束时的水平座标 11FinishY:渐变结束时的垂直座标

。。。待续

点赞
收藏

评论区

加载中...

相关推荐

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

Polarr Photo Editor Pro for Mac(泼辣修图)

PolarrPhotoEditorproMacv5.10.8中文版是一款专业的修图软件,为你提供超过100种不同场景和设置的高品质滤镜,帮助你创建,自定义和共享您自己的滤镜。使用泼辣修图,为摄影爱好者提供强劲而又优雅的高质量图像编辑体验。

19 年学好前端的6点建议

1\.夯实基础要成为一名年薪30W的前端工程师,基础一定要掌握牢固,基础知识一问三不知,岂不是要贻笑大方。css,js基础知识一定要掌握得很熟练,你能使用css实现斑马条纹背景,毛玻璃效果吗?能给图片实现滤镜效果,能实现所有自适应布局效果吗?原型,原型链,闭包是实现设计模式的必备知识,你真的弄懂了吗?闭包导致内存泄漏的原因

NSOperation 和NSOperationQueue使用

示例项目的功能就是用tableview来展示经过滤镜处理的图片。图片会从网络下载,然后添加滤镜,最后展示在tableview中。下面是应用的示意图:!(http://static.oschina.net/uploads/img/201505/15083054_3uCk.png)初始模型第一次尝试下载 示例工程(https:

Starling滤镜合集2(新增7种滤镜)

上一篇《Starling滤镜合集(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fchenlinsheng.com%2F%3Fp%3D539)》:http://chenlinsheng.com/?p539\查看demo(https://www.oschina.net/acti

CSS3 SVG实现可爱的动物哈士奇和狐狸动画

今天,我想向大家展示如何巧妙地使用HTML、CSS排序动画和SVG滤镜把生活中可能最可爱的东西之一——动物画到网页上。我们将探讨绘制动物的两种技术:一种使用纯HTML和CSS,另一种使用内联SVG背景图像。此演示高度实验性质——动画SVG滤镜目前仅在Chrome中可用。所涉及的动画也很复杂,因此本教程将重点介绍创建这些动物以及栩栩如生的动作所涉及