滤镜说明:
Alpha:设置透明层次
blur:创建高速度移动效果,即模糊效果
Chroma:制作专用颜色透明
DropShadow:创建对象的固定影子
FlipH:创建水平镜像图片
FlipV:创建垂直镜像图片
glow:加光辉在附近对象的边外
gray:把图片灰度化
invert:反色
light:创建光源在对象上
mask:创建透明掩膜在对象上
shadow:创建偏移固定影子
wave:波纹效果
Xray:使对象变得像被x光照射一样
1、滤镜:Alpha
语法:STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"
说明:
Opacity:起始值,取值为0~100, 0为透明,100为原图。
FinishOpacity:目标值。
Style:1或2或3
StartX:任意值
StartY:任意值
例子:filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
2、滤镜:blur
语法:STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
说明:
Add:一般为1,或0。
Direction:角度,0~315度,步长为45度。
Strength:效果增长的数值,一般5即可。
例子:filter:Blur(Add="1",Direction="45",Strength="5")
3、滤镜:Chroma
语法:STYLE="filter:Chroma(Color = color)"
说明:color:#rrggbb格式,任意。
例子:filter:Chroma(Color="#FFFFFF")
4、滤镜:DropShadow
语法:STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
说明:Color:#rrggbb格式,任意。
Offx:X轴偏离值。
Offy:Y轴偏离值。
Positive:1或0。
例子:filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
5、滤镜:FlipH
语法:STYLE="filter:FlipH"
例子:filter:FlipH
6、滤镜:FlipV
语法:STYLE="filter:FlipV"
例子:filter:FlipV
7、滤镜:glow
语法:STYLE="filter:Glow(Color=color, Strength=strength)"
说明:
Color:发光颜色。
Strength:强度(0-100)
例子:filter:Glow(Color="#6699CC",Strength="5")
8、滤镜:gray
语法:STYLE="filter:Gray"
例子:filter:Gray
9、滤镜:invert
语法:STYLE="filter:Invert"
例子:filter:Invert
10、滤镜:mask
语法:STYLE="filter:Mask(Color=color)"
例子:filter:Mask (Color="#FFFFE0")
11、滤镜:shadow
语法:filter:Shadow(Color=color, Direction=direction)
说明:
Color:#rrggbb格式。
Direction:角度,0-315度,步长为45度。
例子:filter:Shadow (Color="#6699CC", Direction="135")
12、滤镜:wave
语法:filter: Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)
说明:
Add:一般为1,或0。
Freq:变形值。
LightStrength:变形百分比。
Phase:角度变形百分比。
Strength:变形强度。
例子:filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")
13、滤镜:Xray
语法:STYLE="filter:Xray"
例子:filter:Xray
//IE模式化窗口
var dlgStyle = 'dialogHeight:550px;dialogWidth:500px;dialogTop:210px;dialogLeft:300px;status:no;scroll:no;help:no; '
showModalDialog( 'test.jsp ',null,dlgStyle); //showModelessDialog
分享到:
相关推荐
该项目是一个基于HTML语言的Linux知识杂记文档设计源码,共包含39个文件,涵盖33个reStructuredText和Markdown文档、1个许可协议、1个HTML页面、1个JavaScript脚本、1个Python脚本以及2个Markdown文件。内容主要包括...
### QML杂记 Qt_Quick中文手册精要 #### 一、引言 QML(Qt Markup Language)是一种声明式的编程语言,专为Qt框架设计,用于构建动态且丰富的用户界面。Qt Quick作为Qt框架的一个核心组成部分,提供了一系列高级的...
Vue.js 是一款轻量级的前端JavaScript框架,由尤雨溪开发并维护,因其易学易用、组件化开发和高性能的特点,在Web开发领域中广受欢迎。本资源包中的"Vue-dev-note-master1"可能包含了关于Vue开发的笔记、教程、示例...
本文将深入探讨Oracle 9i的一些关键知识点,同时结合JavaScript和SQL这两个标签,讨论它们在数据库应用中的角色。 一、Oracle 9i的新特性 1. **Real Application Clusters (RAC)**: Oracle 9i首次引入了RAC技术,...
跟踪 LastFM 杂记到 TrackThisForMe 根本无法正常使用。 需要(目前)相当多的配置来设置。 如何使用 在 main.js 中填写选项 var options { trackthisforme: { access_token: '', category_id: 0 }, ...
【标题】:“杂记”涉及了多个IT领域的知识点,包括数据库、Unix服务、Unix工具、Linux系统管理和配置、密码学以及开发运维。 【数据库】:PostgreSQL和MySQL是两种广泛使用的开源关系型数据库管理系统(RDBMS)。...
JS语法结构杂记 JavaScript的语法允许一定程度的灵活性,例如分号的使用并非强制要求。 - **分号的可选性** - 在JavaScript中,当语句写在新的一行时,分号通常是可选的。这是因为解析器会自动插入分号(ASI, ...
ES6,全称ECMAScript 6,是JavaScript语言的一个重要版本更新,引入了许多新的语法特性和功能。本文主要探讨的是ES6中的解构、块级作用域、变量提升、函数声明及其相关特性。 首先,解构是ES6提供的一种方便的数据...
作者:hazer,时间:2019-6-28杂记-47-杂记-46-杂记-45-杂记-44-杂记-35- 内置简介:github readme自动生成工具作者:hazer,时间:2019-6-27杂记-33-杂记-32-杂记-31-杂记-30-杂记-29- 杂记-28- 杂记-27-杂记-26-...
在“Docs:关于所有事物的杂记”这个压缩包中,我们可以期待找到一系列与软件开发、IT基础架构和数据科学相关的个人笔记。这些笔记可能是作者在长期的学习和实践中积累的知识结晶,涵盖了广泛的IT主题,旨在帮助读者...
移除HTML中的`required`属性,并将验证规则移到JavaScript部分,可以避免默认错误提示的出现。 其次,处理级联提交表单验证的情况。在某些场景下,我们需要在提交表单前验证多个独立的子表单。Element-UI的`...
用户可以在GitHub仓库中创建一个名为用户名.github.io的仓库,然后将HTML、CSS和JavaScript等文件上传,GitHub会自动将这个仓库的内容发布为一个网站。 【GitHub仓库】 "baqianxin.github.io-master" 这个文件名...
这通常需要借助于JavaScript库three.js来实现,因为three.js是WebGL的一个强大框架,特别适合处理3D图形渲染。 首先,让我们深入了解uni-app。uni-app由ECharts团队开发,基于Vue.js,提供了一套统一的API,用于...
Netlify开发设定Base directory: Not setBuild command: yarn buildPublish directory: public/Builds: Active本地开发人员yarn installyarn dev执照该项目是根据条款获得。
特别是,“多维数据集需要three.js”这一句话揭示了一个具体的应用场景,即使用JavaScript库three.js来处理和展示多维数据。 three.js是WebGL的一个强大库,用于在浏览器中创建3D图形。它使得开发者能够在网页上...
在微信小程序中实现3D模型的加载和交互功能,开发者通常会借助JavaScript库three.js,这是一个广泛用于WebGL渲染的库。本项目"miniprogramThreeDynamic.zip"显然是一个使用three.js来展示3D模型动态操作的实例。下面...
【描述】"Three.js 加载3d模型(修改版)修改真机背景可透明" 暗示了这个项目是基于Three.js库的,Three.js是一个广泛使用的JavaScript库,专门用于在Web浏览器中创建和展示三维图形。在这个项目中,开发人员已经对...
6. **popup.html/popup.js**:弹出框的HTML和JavaScript代码,用户可以通过点击插件图标触发。 7. **其他资源**:可能包括图像、CSS样式表、本地存储等。 开发Chrome插件时,遵循以下步骤: 1. **创建manifest....
杂记 这花了多长时间? 是的,我花的时间超过了估计的时间。 部分原因是我将其视为尝试使用grid的机会,而我从来没有机会在此级别上使用过。 而且,我通常没有时间去真正地探讨有关语义选择的琐事。 另一部分是我...
随笔、总结、个人、学习、杂记 任何问题交流,提issue 搞搞js Typescript Typescript+Decorator:装饰你的代码 【THE LAST TIME】Typescript 进阶之重难点梳理 一张页面引起的前端架构思考 拍卖源码架构在拍品详情页...