CSS(8)——滤镜

最新推荐文章于 2022-11-11 14:43:07 发布
最新推荐文章于 2022-11-11 14:43:07 发布
阅读量380 收藏
点赞数
分类专栏： css 文章标签： css filter 浏览器 照片 ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dananhai381/article/details/7763495
版权

据说只在IE浏览器中可以有效果，格式为  filter:filtername(参数)

滤镜

说明

alpha

透明的渐变效果

BlendTrans

淡入淡出效果

blur

风吹模糊效果

chroma

指定颜色透明，效果为将某一颜色去掉

DropShadow

阴影效果

flipH

水平反转

flipV

垂直反转

glow

边缘光晕效果

gray

彩色图片变灰度图

invert

底片效果

light

模拟光源效果

mask

遮照效果，类似于皮影戏或影子

RevealTrans

动态效果

shadow

轮廓阴影效果

wave

波浪扭曲变形效果

xray

x光照片效果

高新普惠_搬砖手
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css滤镜中文手册 css滤镜大全
03-05
　本手册以浏览器的事实标准—— Internet Explorer 为主。 　手册中为所有的滤镜，除了基本的语法示范外，都度身制作了可以对照源代码即时察看运行演示的实例。 　本手册的升级信息与版权声明请参阅关于本书页面。 ...
CSS——滤镜（filter ）
YANGMENGZHENG的博客
10-27 3731
前言 滤镜这个词我们不陌生，最常见的就是相机中的滤镜或者说PhotoShop 之类的制图软件。我们用滤镜来美化图片。而在 CSS 中，我们无需借助任何软件也可以实现很多种滤镜效果，例如模糊效果、透明效果、色彩反差调整、色彩反相等等。另外，通过 CSS 中的滤镜还能对网页中的元素或者视频进行处理。 一、什么是滤镜 对图像、图像进行的视觉处理(模糊、饱和度、对比度等)。 二、滤镜的实现---filter属性 1、CSS语法 filter: none | blur() | brightness(.
CSS3——滤镜效果filter属性
lst991120的博客
02-03 222
filter属性——滤镜效果 属性值如下： opacity(百分比)：设置透明度。可用百分比也可用0~1表示 blur(Npx)：设置模糊 brightness(百分比)：设置高亮 contrast(百分比)：设置对比度 drop-shadow(阴影的水平位移，阴影的垂直位移，阴影的模糊半径，阴影的颜色) ：设置阴影 grayscale(百分比)：设置灰度 hue-ro...
css案例2——黑白滤镜
努力、拼搏、奋进
05-24 2209
黑白滤镜
css3——滤镜filter、高斯模糊blur，去除模糊的白边
努力、拼搏、奋进
11-11 1049
css3——滤镜filter、高斯模糊blur，去除模糊的白边
用CSS3实现滤镜——常见九种效果
weixin_48610566的博客
06-26 716
特别强调：IE无法实现！！！
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
12-13
CSS3 中的滤镜（filter）功能让我们轻松方便简单的处理图片，而不需要使用 PhotoShop 或者使用很多 JavaScript、PHP 代码。这个属性已经得到比较新的 Firefox、Safari、Chrome 浏览器支持，而且我们可以通过综合的可...
css滤镜中文手册.chm
04-13
本手册针对的是已有一定网页设计制作... 　本手册以浏览器的事实标准—— Internet Explorer 为主。 　手册中为所有的滤镜，除了基本的语法示范外，都度身制作了可以对照源代码即时察看运行演示的实例。
CSS网站布局实录 （第二版）
05-07
CSS网站布局实录:基于Web标准的网站设计指南(第2...),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国... [显示全部]
css.rar_DHTML_html_w3c css_浏览器
09-19
　限于篇幅，对于一些过于繁杂的相关内容，如动态样式属性(Dynamic Properties)，滤镜(Filters)，行为(Behaviors)请参阅我的其它相关著作。 　本书中涉及到的所有HTML对象(Object，Element)，HTML属性(Attributes)...
CSS(3)——字体类型
dananhai381的专栏
07-19 1853
字体系列指一种字体和其变形体，如Time系列包含 Time italic time bold等。以下是CSS支持的5种通用字体系列：        定义方式  font-family：sans-serif Serif 字体 这些字体成比例，而且有上下短线。如果字体中的所有字符根据其不同大小有不同的宽度，则成该字符是成比例的。例如，小写 i 和小写 m 的宽度就不同。上下短线是每个字符笔划末端
CSS(2)——定位
dananhai381的专栏
07-19 1038
CSS层叠样式： 定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置 一切皆为框 div、h1 或 p元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。 您可以使用 display 属性改
CSS标记——display和overview
dananhai381的专栏
09-17 974
OverFlow          对字符串进行隐藏处理          语法：overflow : visible | auto | hidden | scroll overflow 属性说明 visible:：不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效。 auto：此为body对象和textr
CSS（4）——文字布局
dananhai381的专栏
07-19 903
文字布局 文字： 可以控制字体，文字大小，文字颜色，文字粗细，斜体，下|中|顶划线。 text-transform：首字母或全部首字母大写. font-family：控制字形，见另一blog font-size: 控制字体 例如：P.f12 {font-size: 12pt；font-family: arial} Text-decoration： 实现underlin
CSS（1）——基础知识
dananhai381的专栏
10-20 874
样式表简介 样式表加入网页的方式 1． 链入样式表文件 2． 内部样式块 3． 在标签中内嵌 样式表的语法 selector {property:value; property:value; ...} selector有三种，分别是 html的tag，一种是ID，一种是.class.   在现代布局中，id 选择器常常用于建立派生选择器。 #sidebar p {
CSS(6)——背景颜色
dananhai381的专栏
07-19 770
css页面背景 辅助图片作为背景处理，辅助图片指仅仅用于修饰、间隔、提醒的图片，如logo，标题图片，列表前缀图片，好处是使表现和结构彻底分离。 CSS控制背景 1. color: 文字的颜色 2. background-color: 背景颜色：可以通过使用给页面分块，给div设置背景色实现背景色分块效果。 3. background-image: 背景图象，background
CSS——设计页面
dananhai381的专栏
09-17 561
基本概念 Viewport：当页面内容超过容器大小，页面上当前显示出来的区域 Block-level ：实现坐标定位，如p,div. 相邻的block-level元素往往从上到下垂直排列，包含的元素要么全为block-level，要么全为inline-level Inline-level：不能定位但可以包含其他同为inline-level元素，相邻的inline-level元素往往从左到
CSS（5）——图片布局
dananhai381的专栏
07-19 535
合适的页面图片和背景图片对提升网站的效果至关重要，绝对会让你有耳目一新的感觉。 图片样式 边框： border-style   border-color   border-width    对上下左右分别设置 缩放： width, height  可以是百分比或绝对值 图片对齐： 同段落对齐方式 图文混排： 基本思想通段落中的首字母下垂，可通过设置图片的mar
CSS（11）——精简写法
dananhai381的专栏
09-08 493
margin:    margin和padding的缩写顺序：缩写的顺序是上->右->下->左。顺时针的方向   如 margin: 1px, 2px, 1px, 2px;      margin:1px 2px;//上下边距都为1px，左右边距均为2px，等同于margin:1px 2px 1px 2px   margin: 1px;  //上下左右都是1px border:
css3——div内文字换行及省略显示
最新发布
05-13
要实现在div内的文字换行和省略显示，可以使用CSS3中的text-overflow属性和white-space属性。 text-overflow属性可以设置当文本溢出容器时如何显示。常见的值有： - clip：裁剪文本，超出部分不显示。 - ellipsis...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值