当前位置: 主页 > 建站教程 >

CSS滤镜属性的使用与讲解

发布时间:2017-10-06 10:36:00 作者:admin
CSS的滤镜Filter 属性使用越来越广泛,今天介绍下Alpha 滤镜的使用、Blur 滤镜的使用、Filph、Filpv 滤镜、DropShadow 滤镜、Glow 滤镜、Gray ,Invert,Xray 滤镜、Shadow 滤镜。

1、CSS中Filter 属性介绍

  设置或检索对象所应用的滤镜或滤镜集合。此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的height 或width 属性,或者设定position 属性为absolute,或者设定display属性为block。请参阅对象的hasLayout 属性。若要在img 对象上应用shadow 滤镜,可以在该对象img 对象的父容器上应用。滤镜的机制是可扩展的。通过利用Microsoft® DirectX® Media SDK,你可以使用C++开发和使用第三方滤镜。该属性在MAC 平台上不可用。对应的脚本特性为filter。

2、Alpha 滤镜的使用
属性 说明
opacity 0-100 对象的亮度
style 1,2,3 滤镜的样式

3、Blur 滤镜的使用
属性 说明
add true/false 是否印象派
direction 0-360 角度
strength 数字 模糊度

4、Fliph、Flipv 滤镜
5、DropShadow 滤镜
属性 说明
color 颜色 阴影颜色
offx 数字 x坐标偏移
offy 数字y 坐标偏移
positive true/false 是否建立透明

6、Glow 滤镜
属性 说明
color 颜色 发光颜色
strength 数字 发光厚度

7、Gray ,Invert,Xray 滤镜
8、Shadow 滤镜
属性 说明
color 颜色 阴影颜色
direction 0-360 阴影方向
分享到:

最新发布MORE

  • 外贸网站源码建站程序_青锋建站
  • 外贸建站如何增加询盘_青锋建站
  • html+css学习制作静态网页
  • 如何做好外贸网站建设_青锋建站
  • 外贸网站建设时域名这样选择才好_青锋建站
  • 论外贸网站建设的重要性_青锋建站
  • 外贸网站建设这样做才好_青锋建站
  • 网站建设中用于WEB开发的几种编程语言_石家庄青锋建站
  • 为什要选择PHP编程语言进行网站开发_石家庄青锋建站
  • 网站banner设计_网站建设
  • 石家庄网站建设   石家庄网络公司   网站建设教程   网络营销技巧   石家庄SEO   建站分站   石家庄网络营销   网站案例   青锋工作室
  • 联系电话:15632335515   QQ:943703539
  • 联系地址:石家庄高新区汾河道69号
  • Copyright © 2016-2026 青锋建站 版权所有
  • 15632335515