html css3滤镜,CSS滤镜之Glow属性

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

Filter：Glow(Color=color，Strength=strength)

Glow属性的参数只有两个：Color是指定发光的颜色，Strength指定发光的强度，参数值从1到255。让我们先来看一下加上Glow属性的效果图：

怎么样，是不是有一种燃烧的火焰的感觉。实现这种效果的代码如下：

filter glow

.leaf{position：absolute； top：20； width：400；

filter：glow(color=#FF3399,strength=15)；}

//*设置类leaf，绝对定位，Glow滤镜属性，发光颜色值为#FF3399，强度为

15*//

.weny{position：absolute； top：70； left：50； width：300；

filter：glow(color=#9966CC,strength=10)；}

//*设置类weny，绝对定位，glow滤镜属性，发光颜色值为#9966CC，强度为

15*//

–>

//*leaf类样式*//

font-size：54pt；font-weight：bold；color：#003366；”>

Leaf Mylove

//*设置字体名称、大小、粗细、颜色*//

//*weny类样式*//

font-weight：bold；color：#99CC66；”>

//设置字体名称、大小、粗细、颜色*//

Weny Good!

您还可以随意修改颜色值，看看的发光效果是怎样的。

欢迎大家阅读《CSS滤镜之Glow属性_css》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网(gaodaima.com)提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权

转载请注明原文链接：CSS滤镜之Glow属性_css

html css3滤镜,CSS滤镜之Glow属性_css相关推荐

运用HTML5+CSS3和CSS滤镜做的精美的登录界面
原始出处http://chenjinfei.blog.51cto.com/2965201/774865 <!DOCTYPE HTML> <html> <head> ...
html图片加波浪滤镜,CSS滤镜wave属性(波形滤镜)
[实例介绍] CSS滤镜wave属性(波形滤镜) wave滤镜用来把对象按照垂直的波纹样式打乱.waVe的表达式还是比较复杂的,它一共有5个参数. [基本语法] filter:wave(add=参数值 ...
css中用wave滤镜,CSS滤镜
本词条缺少概述图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! 滤镜主要是用来实现图像的各种特殊效果.它在Photoshop中具有非常神奇的作用.所以有的Photoshop都按分类放置在菜单 ...
html图片滤镜,CSS滤镜(Filters)
滤镜(Filters)是CSS3里新增的一种神奇的功能.说起滤镜(filter)效果,经常使用PhotoShop的人应该非常清楚,每张用Photoshop制作出来的图片几乎都使用了滤镜进行美化.而CS ...
colordialog通过哪属性取其颜色_IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值1...
CSS中的样式属性比较多,经常使用的属性可以分为这么几类:字体.文本.背景.位置.边框.列表,以及其他一些样式属性.每个类中的属性都可以单独使用:如果同一个类中多个属性一起使用,还可以将它们整合为一行 ...
html怎么设置翻转滤镜,CSS滤镜实现的颜色渐变翻转效果
一下是利用CSS滤镜效果实现渐变翻转的代码,有需要的朋友可以参考下. 代码如下: Document .ddf{ margin: 0 auto; width:150px; height:125px; b ...
css 如何重设外部样式的属性值_IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值5...
CSS综合实例在Web页面中经常使用栏目显示分类内容.本例将使用HTML和CSS结合编写一个分类栏目模型,用于演示前面介绍的CSS应用.通过使用独立的文件定义样式表,并在HTML文档中使用link标 ...
css不能控制文字属性有什么,巧用CSS动态控制文本的属性_css
用css可以很方便地动态改变文本的属性,从而可制作出动态地使文字变大.缩小.改变文字颜色.改变文本的背景.字间距.行间距等等网页特效,一切都在你的掌握之中.是不是有点玄?事实就是如此.那一定很复杂吧? ...
Html5和Css3的基础标签及常用属性
H5 H5的常用标签及属性: 新增和废弃新增的结构(布局) 标签:section.artcle.nav.footer.header.hgroup.Aside.figure 新增的其他标签: Vide ...
html css 鼠标手,CSS cursor 和 opacity 属性
cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变. 举例: 十字线默认的帮助指示某对象可被移动出现左右箭头一只手正在加载文本 opacity:用于设置元素的透 ...

html css3滤镜,CSS滤镜之Glow属性_css

html css3滤镜,CSS滤镜之Glow属性_css相关推荐

最新文章

热门文章