站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
MolyX CSS滤镜 Wave属性
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
__NOTOC__ <span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[MolyX CSS教程|上一页]] | {{Template:MolyX导航}}</span> <div style="clear:both;"></div> Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下: Filter:Wave(Add=True(False),Freq=频率,LightStrength=增强光效,Phase=偏移量,Strength=强度) 我们看到Wave属性的表达式还是比较复杂的,它一共有五个参数。Add参数有两个参数值:True代表把对象按照波纹样式打乱;False代表不打乱; Freq参数指生成波纹的频率,也就是指定在对象上共需要产生多少个完整的波纹。 LightStrength参数是为了使生成的波纹增强光的效果。参数值可以从0到100。 Phase参数用来设置正弦波开始的偏移量。这个值的通用值为0,它的可变范围为从0到100。这个值代表开始时的偏移量占波长的百分比。比如该值为25,代表正弦波从90度(360*25%)的方向开始。 说了一大堆,我们还是先看一个实例吧。比如下面这幅图片: <div> [[Image:mx48.png]] </div> 下面我们对上面这个页面加上Wave效果,代码如下: <pre> <html> <head> <title> wave css</title> <style>//*定义CSS 样式开始*// <!-- .leaf{position:absolute;top:10;width:300; filter:wave(add=true,freq=3,lightstrength=100, phase=45,strength=20);} //*设置leaf类的样式,绝对定位,wave属性,产生3个波纹, 光强为100,波纹 从162度(360*45%)开始,振幅为20*// img{position:absolute;top:110;left:40; filter:wave(add=true,freq=3,lightstrength=100, phase=25,strength=5);} //*设置IMG的样式,绝对定位,wave属性,产生3个波纹,光强为100,波纹从 90度开始,振幅为5*// --> </style> </head> <body> <div class=“wave”>//*定义DIV区域内为Wave类*// <p style=“font-family:lucida handwriting; font-size=72pt; font-weight:bold; color:rgb(189,1,64);”>Leaf</p> //*设置字体名称、大小、粗细、颜色*// </div> <p><img src=“ss01044.jpg”></p> //*导入图片*// </body> </html> </pre> 这段代码实现的效果如下图: <div> [[Image:mx49.png]] </div> 如果把Wave的参数随便做一下改动,就会达到多种效果,请看另外一种效果:(如下图): <div> [[Image:mx50.png]] </div> 其实这种效果只是增大了freq参数的值,减小了Strength、LightStrength的值就可以了。您也可以多试试,改变其他的参数值,还可以达到许多不同的效果来。 [[category:MolyX手册]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)
本页使用的模板:
模板:MolyX导航
(
编辑
)