用CSS中的Alpha实现渐变
2015-11-19 21:59 流浪的诗人 阅读(640) 评论(0) 编辑 收藏 举报效果一:
<div id="Layer1" style="position:absolute; left:161px; top:160px; width:225px; height:231px; z-index:1"
style="FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=100,finishOpacity=0,startX=0,finishX=100,startY=0,finishY=100); skyblue"></div>
![](http://www.flywe.net/images/html.gif)
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
效果二:
<img src="upimg/mn.jpg" width=400 style="FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=85,finishOpacity=0,startX=0,finishX=100,startY=0,finishY=100);">
![](http://www.flywe.net/images/html.gif)
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
效果三:
<img src="upimg/mn.jpg" width=400 style="FILTER: Alpha( style=1,opacity=0,finishOpacity=100,startX=0,finishX=100,startY=0,finishY=100);">
![](http://www.flywe.net/images/html.gif)
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
你的关注和支持是对我最大的动力~
书山有路群[一个非常活跃的读书分享群,每周都有新书分享]:452450927
微博:http://weibo.com/u/2241641312
出处:http://www.cnblogs.com/wdlhao/
github:https://github.com/wdlhao
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面