当前位置：首页 -> 网页设计 -> HTML/CSS -> 样式表全接触（8）

样式表全接触（8）

时间： 2021-07-31 作者：daque

９、shadow 滤镜

　　语法：{filter:shadow(color=属性值１,direction=属性值２)；}

　　效率：该滤镜不妨使东西爆发一种暗影功效，其简直功效是由小括号中的各属性名及其对应的属性值来爆发的。

　　参数：color属性是用来树立暗影的脸色。

　　direction属性是用来树立投影的目标，取值范畴为０度到３６０度，个中0度代办笔直进取，而后每45度为一个单元，该属性的默许值是向左的270度。

　　范例：

<html>

<head>

<title>款式表滤镜范例</title>

<style>

<!--

p { color: #ff0000; font-size: 36pt; text-decoration: blink; font-weight: bold }

p {filter:shadow(color=＃00ff00,direction=２)；}

-->

</style>

</head>

<body>

<p>款式表滤镜范例</p>

</body>

</html>

１０、mask 滤镜

　　语法：{filter:mask(color=属性值)；}

　　效率：该滤镜不妨运用一个html东西在另一个东西上爆发图像的遮罩，不妨为东西创造一个掩盖于外表的膜，其功效就象戴者有色镜子看物体一律，普遍实用于图象东西。

　　参数：color属性即是用来指定要被遮罩的脸色。

１１、 light 滤镜

　　语法：{filter：light｝

　　效率：该滤镜不妨使ＨＴＭＬ东西爆发一种模仿光源的投射功效。一旦为东西设置了light滤镜属性，那么就不妨挪用它的本领来树立大概变换属性。light可用的本领有：

movelight 挪动光源

changcolor 变换光的脸色

addambient 介入掩盖的光源

addpoint 介入点光源

clear 废除一切的光源

addcone 介入圆锥形光源

changstrength 变换光源的强度

不妨设置光源的假造场所，以及经过安排x轴和y轴的数值来遏制光源中心的场所，还不妨安排光源的情势（点光源大概圆锥形光源）指定光源能否朦胧边境、光源的脸色、亮度等属性。即使动静的树立光源，大概回爆发少许预见不到的功效。

　　参数：该滤镜没有参数。

１２、gray 滤镜

　　语法：{filter:gray}

　　效率：该滤镜不妨使一张彩色的图片变化为灰色彩图象，普遍实用于图象东西。

　　参数：该滤镜没有附带参数。

１３、invert 滤镜　

　　语法：{filter:invert}

　　效率：该滤镜不妨使图象爆发像片底版的功效，普遍实用于图象东西。

　　参数：该滤镜没有参数。

１４、xray 滤镜　

　　语法：{filter:xray}　

　　效率：该滤镜不妨让东西反应出它的表面并把那些表面加亮表露，普遍实用于图象东西。

　　参数：该滤镜没有参数。

样式表全接触（8）

相关推荐

推荐下载

热门阅览

最新排行

样 式 表 全 接 触（8）

相关推荐

推荐下载

热门阅览

最新排行

样式表全接触（8）