大雀软件园

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置: 首页 -> 网页设计 -> HTML/CSS -> CSS滤镜之Glow属性

CSS滤镜之Glow属性

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

当对一个东西运用“glow”属性后,这个东西的边际就会爆发一致发亮的功效。它的表白式如次:   filter:glow(color=color,strength=strength)

  glow属性的参数惟有两个:color是指定发亮的脸色,strength指定发亮的强度,参数值从1到255。 让咱们先来看一下加上glow属性的功效图:

  如何样,是否有一种焚烧的火苗的发觉。实行这种功效的代码如次:

  <html>    <head>     <title>filter glow</title>     <style>//*发端树立css款式*//     <!--     .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*//     -->     </style>     </head>     <body>     <div class=“leaf”>//*leaf类款式*//     <p style=“font-family:lucida handwriting;         font-size:54pt;font-weight:bold;color:#003366;”>    leaf mylove</p>//*树立字体称呼、巨细、粗细、脸色*//     </div>     <div class=“weny”>//*weny类款式*//     <p style=“font-family:bailey; font-size:48pt;         font-weight:bold;color:#99cc66;”>     //树立字体称呼、巨细、粗细、脸色*//     weny good!</p>     </div>     </body>   </html>

css滤镜之glow属性

  您还不妨随便窜改脸色值,看看其余的发亮功效是还好吗的。

热门阅览

最新排行

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.