CSS-2

本文详细介绍了CSS滤镜的各种属性及其应用方式,包括alpha、blur、Chroma等,并提供了每个属性的具体表达式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CSS的属性:定义页面的样式

1.字体属性;

2.颜色和背景属性;

3.文本属性;

4.容器属性;

5.分级属性;

6.鼠标属性;



CSS定位:页面的布局和控制;相对定位(在文档原始位置上偏移)和绝对定位(允许任意定位)

1.动态转换;

2.空间定位;


CSS滤镜: filterfilternameparameters

alpha属性:

alpha是来设置透明度的。先来看一下它的表达格式:

  filteralphaopacity=opcityfinishopacity=finishopacity
style=stylestartX=startXstartY=startYfinishX=finishX
finishY=finishY


blur属性:

如您用手在一幅还没干透的油画上迅速划过,画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果。
  先来看一下blur属性的表达式:

  filterbluradd=adddirectionstrength=strength

Chroma属性

  Chroma属性可以设置一个对象中指定的颜色为透明色,它的表达式如下:

  FilterChromacolor=color

DropShadow属性

  DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面,然后在页面上显示出该对象的投影。看一看它的表达式:

  FilterDropShadowColor=colorOffx=OffxOffy=offy
Positive=positive


FlipHFlipV属性

  FlipCSS滤镜的翻转属性,FlipH代表水平翻转,FlipV代表垂直翻转。它们的表达式很简单,分别是:

  FilterFlipH

  FilterFlipV

Glow属性

  当对一个对象使用“Glow”属性后,这个对象的边缘就会产生类似发光的效果。它的表达式如下:

  FilterGlowColor=colorStrength=strength


Gray属性

  Gray属性把一张图片变成灰度图。它的表达式很简单:

  Filter:Gray

  其实这个属性没什么好讲的,只需在您定义的IMG样式中加入一句代码:

  {FilterGray}就一切OK了


Invert属性

  Invert属性可以把对象的可视化属性全部翻转,包括色彩、饱和度和亮度值。
  它的表达式也很简单:

  FilterInvert


Mask属性

  Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单:

  FilterMaskColor=颜色)


Shadow属性

  Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的:

  FilterShadowColor=colorDirection=direction


Wave属性

  Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下:

  FilterWaveAdd=TrueFalse),Freq=频率,LightStrength=增强光效,
Phase=偏移量,Strength=强度)


Xray属性

  Xray就是X射线的意思。
  Xray属性,顾名思义,这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单:

  FilterXray 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值