`
deng131
  • 浏览: 681124 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

css中filter滤波器属性及语句

CSS 
阅读更多
滤镜说明: 
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="40",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
分享到:
评论

相关推荐

    CSS的filter常用滤波器属性及语句大全

    在CSS的世界里,`filter`属性提供...然而值得注意的是,这些滤波器大多基于IE的私有前缀,兼容性有限,现代Web开发中更推荐使用W3C标准下的`filter`属性,它提供了类似的功能,但具有更好的跨浏览器兼容性和性能表现。

    推荐个Css的filter常用滤波器属性及语句大全

    下面我们将详细介绍在CSS中常用的`filter`滤波器属性及其语句。 1. **Alpha滤镜**: `filter: Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX...

    css 滤波器 语句大全

    ### CSS滤波器语句大全解析 在网页设计与开发领域,CSS滤波器提供了一种强大而灵活的方式来改变HTML元素的视觉效果。通过一系列预定义的滤波器,开发者可以实现诸如模糊、阴影、颜色调整等效果,极大地增强了网页的...

    基于A*算法的往返式全覆盖路径规划改进及其Matlab实现

    内容概要:本文详细介绍了如何利用A*算法改进传统的往返式路径规划,解决扫地机器人在复杂环境中容易卡住的问题。首先构建了一个可视化的栅格地图用于模拟环境,然后引入了优先级运动规则,使机器人能够有规律地进行往返清扫。当遇到死角时,通过A*算法计算最佳逃生路径,确保机器人能够顺利脱困并继续完成清扫任务。实验结果显示,改进后的算法显著提高了清洁覆盖率,降低了路径重复率。此外,还讨论了一些潜在的优化方向,如动态调整启发函数权重、断点续传以及能耗模型等。 适合人群:对路径规划算法感兴趣的科研人员、自动化专业学生、扫地机器人开发者。 使用场景及目标:适用于需要高覆盖率和低重复率的室内清洁任务,旨在提高扫地机器人的工作效率和智能化水平。 其他说明:文中提供了详细的Matlab代码实现,并附带了仿真测试结果,有助于读者理解和复现该算法。

    爬取喜马拉雅听书(1).py

    爬取喜马拉雅听书(1)

    安卓向上传递数据学习笔记总结

    安卓向上传递数据学习笔记总结

    tigervnc-selinux-1.11.0-9.el8.x64-86.rpm.tar.gz

    1、文件说明: Centos8操作系统tigervnc-selinux-1.11.0-9.el8.rpm以及相关依赖,全打包为一个tar.gz压缩包 2、安装指令: #Step1、解压 tar -zxvf tigervnc-selinux-1.11.0-9.el8.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm

    户外储能电源双向逆变器板生产资料及技术规格详解

    内容概要:本文详细介绍了户外储能电源双向逆变器板的技术资料及其特点。涵盖原理文件、PCB文件、源代码、电感与变压器规格参数等,适用于2KW(最大3KW)的户外储能电源。文中强调了双向软开关DC-DC设计、两颗M0+ 32位MCU的分工、SPWM调制方式、H桥IGBT的应用、详细的电气参数和技术特性。此外,还包括了SPWM信号生成代码示例、硬件设计细节、生产注意事项等。 适合人群:从事户外储能电源开发的技术人员、电子工程师、产品经理等。 使用场景及目标:帮助开发者快速掌握双向逆变器板的设计和生产要点,缩短产品研发周期,提高产品质量和可靠性。具体应用场景包括但不限于户外应急电源、便携式储能设备等。 其他说明:本文提供了丰富的技术细节和实践经验,如双向软开关DC-DC设计、SPWM调制、IGBT驱动、EMC整改记录等,有助于解决实际开发中的难题。同时,附带的实际案例展示了该方案的成功应用,进一步证明了其可行性和优越性。

    电能质量分析:间谐波分析.zip

    电子仿真教程,从基础到精通,每个压缩包15篇教程,每篇教程5000字以上。

    【计算机科学领域】美国计算机学会(ACM):组织架构、使命愿景、核心价值及活动项目介绍

    内容概要:美国计算机学会(ACM)是一个成立于1947年的国际性计算机专业组织,致力于推动计算机科学的发展,提供教育、资源和专业发展机会。ACM的使命是促进计算机科学和信息技术领域的进步,愿景是成为全球计算机专业人士的首选组织。其核心价值包括卓越、诚信、包容性、合作和创新。ACM定期举办学术会议,如SIGGRAPH和图灵奖颁奖典礼,出版高质量的学术期刊和会议论文集,涵盖人工智能、软件工程、网络安全等领域。此外,ACM还提供在线课程、研讨会、认证项目等教育资源,以及职业规划、网络机会和领导力培训等职业发展服务。ACM图灵奖被誉为“计算机界的诺贝尔奖”,每年颁发给对计算机科学和技术做出重大贡献的个人。; 适合人群:计算机科学领域的专业人士、教育工作者、工程师和学生。; 使用场景及目标:①了解计算机科学领域的最新研究成果和发展趋势;②获取高质量的教育资源和职业发展机会;③参与计算机科学领域的学术交流和合作。; 其他说明:ACM作为一个全球性的组织,在教育、研究和行业实践中发挥着重要作用,推动了技术创新和社会进步。

    最新版logstash-8.17.4-windows-x86-64.zip

    logstash-8.17.4-windows-x86_64.zip

    一个基于Springboot使用Aspect实现一个切面,以记录日志为例

    springboot 一个基于Springboot使用Aspect实现一个切面,以记录日志为例

    音箱底部折边设备sw22可编辑_三维3D设计图纸_包括零件图_机械3D图可修改打包下载_三维3D设计图纸_包括零件图_机械3D图可修改打包下载.zip

    音箱底部折边设备sw22可编辑_三维3D设计图纸_包括零件图_机械3D图可修改打包下载_三维3D设计图纸_包括零件图_机械3D图可修改打包下载.zip

    基于Python Django MySQL的个性化图书推荐系统:协同过滤算法及远程部署实现

    内容概要:本文详细介绍了如何使用Python、Django和MySQL构建一个完整的个性化图书推荐系统。系统从前端界面设计、后端逻辑实现到数据库设计,涵盖了用户管理、图书管理、评分系统等功能模块。重点讲解了基于用户和项目的协同过滤算法实现,以及在用户评分数据不足时的标签推荐备份方案。此外,还包括了系统部署、测试和优化的具体步骤,如云服务器部署、性能测试、数据库优化等。 适合人群:具备一定Python和Web开发基础的研发人员,尤其是对推荐系统感兴趣的技术爱好者。 使用场景及目标:适用于希望深入了解图书推荐系统的工作原理和实现细节的技术人员。目标是帮助读者掌握从零开始搭建一个完整的个性化推荐系统的方法,包括前后端开发、算法实现和系统部署。 其他说明:文中提供了大量代码示例和实战经验,如数据库设计、爬虫实现、权限管理等,有助于读者更好地理解和应用相关技术。

    Ai和python学习资料

    Ai和python学习资料

    文本摘要.py

    文本摘要

    冲击试验机sw22_三维3D设计图纸_包括零件图_机械3D图可修改打包下载_三维3D设计图纸_包括零件图_机械3D图可修改打包下载.zip

    冲击试验机sw22_三维3D设计图纸_包括零件图_机械3D图可修改打包下载_三维3D设计图纸_包括零件图_机械3D图可修改打包下载.zip

    Java开发MybatisPlus框架详解:增强Mybatis功能实现高效CRUD操作与代码生成

    内容概要:本文详细介绍了MyBatis Plus(MP),它是MyBatis的增强工具,旨在简化CRUD操作、提高开发效率。其主要功能包括内置分页插件、简化CRUD操作以及代码生成器。使用时只需引入相应依赖,自定义Mapper接口继承BaseMapper泛型接口,并通过实体类反射获取数据库表信息。文章还介绍了常用注解如@TableName、@TableId、@TableField、@TableLogic和@Version,配置项如全局配置、类型别名和Mapper文件路径,以及核心功能如批量插入、分页查询、条件构造器(Wrapper)等。此外,扩展功能涵盖逻辑删除、枚举处理器和JSON处理器,插件功能则包括分页插件的配置和使用。 适合人群:具备一定Java开发经验,尤其是熟悉MyBatis框架的开发者,特别是那些希望提高开发效率、减少重复代码的工作1-3年研发人员。 使用场景及目标:①简化数据库操作,提高开发效率;②快速生成代码,减少手动编写SQL语句的工作量;③实现分页查询、逻辑删除、枚举和JSON字段处理等高级功能,提升应用的灵活性和可维护性。 其他说明:本文不仅提供了MyBatis Plus的功能介绍和使用方法,还深入探讨了条件构造器(Wrapper)的使用技巧,帮助开发者更好地理解和掌握这一强大的工具。在实际开发中,合理利用这些功能可以显著提高开发效率和代码质量。建议在学习过程中结合具体项目实践,逐步掌握各个功能的应用场景和最佳实践。

    电路仿真:射频电路仿真.zip

    电子仿真教程,从基础到精通,每个压缩包15篇教程,每篇教程5000字以上。

    【java毕业设计】Springboot+Vue高考志愿填报系统 源码+sql脚本+论文 完整版

    这个是完整源码 SpringBoot + vue 实现 【java毕业设计】Springboot+Vue高考志愿填报系统 源码+sql脚本+论文 完整版 数据库是mysql 随着高考制度的不断完善和高等教育资源的日益丰富,高考志愿填报成为考生和家长关注的焦点。本文旨在开发一个基于Spring Boot后端框架、Vue.js前端框架和实现以下功能:考生信息管理、院校信息查询、专业信息查询、志愿填报、志愿评测等。通过Spring Boot框架构建后端服务,提供 API接口与前端进行交互;Vue.js框架用于构建前端用户界面,实现数据的动态展示和交互操作;MySQL数据库用于存储考生信息、院校信息、专业信息等数据。 在系统设计过程中,我们充分考MySQL数据库的高考志愿填报系统,提高志愿填报的效率和准确性,为考生和家长提供便捷的服务。 系统主要实现以下功能:考分考MySQL数据库的高考志愿填报系统,提高志愿填报的效率和准确性,为考生和家长提供便捷的服务生信息管理、院校信息查询、专业信息查询、志愿填报、志愿评测等。通过Spring Boot框架构建后端服务,提供 API接口与前端进行交互;Vue.js框架用于构建前端用户界面,实现数据的动态展示和交互操作;MySQL数据库用于存储考生信息、院校信息、专业信息等数据。 在系统设计过程中,我们充分考虑了系统的易用性、可扩展性和安全性。通过合理的数据库设计和优化,提高了系统的查询效率。同时,采用Spring Security等安全框架对系统进行安全防护,确保数据的安全性。 本文详细阐述了系统的需求分析、设计、实现和测试过程,并对关键技术和实现难点进行了深入探讨。通过实验验证,本系统能够满足高考志愿填报的基本需求,为考生和家长提供了高效、便捷的服务。此外,本文还对系统未来的发展方向和改进空间进行了展望,以期进一步完善系统功能,提高用户体验。

Global site tag (gtag.js) - Google Analytics