时间:2021-05-26
IEOnly
Step1:
WU XIN * { margin:0px; padding:0px; } .i1 { width:64px; border:0px none #888; margin:0px; } .a0 { filter:Gray() Alpha(Opacity=40); display:block; height:64px; width:64px; } .a0:hover, .a0:active { filter:Alpha(Opacity=100); display:block; height:64px; width:64px; } .a1 { border:1px solid #999; } .a1:hover { border:1px solid gold;} .a2 { border:1px solid #999; } .a2:hover { border:1px solid green; } .a3 { border:1px solid #999; } .a3:hover { border:1px solid blue;} .a4 { border:1px solid #999; } .a4:hover { border:1px solid red;} .a5 { border:1px solid #999; } .a5:hover { border:1px solid silver;} .a6 { border:1px solid #999; } .a6:hover { border:1px solid black;} .a7 { border:1px solid #999; } .a7:hover { border:1px solid #FEE;} [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
然后配合上两行JS,做成这样
依然IEOnly
Step2:
WU XIN * { margin:0px; padding:0px; } #main { height:198px; width:66px; overflow:hidden; } .i1 { width:64px; border:0px none #888; margin:0px; } .a0 { filter:Gray() Alpha(Opacity=40); display:block; height:64px; width:64px; } .a0:hover, .a0:active { filter:Alpha(Opacity=100); display:block; height:64px; width:64px; } .a1 { border:1px solid #999; } .a1:hover { border:1px solid gold;} .a2 { border:1px solid #999; } .a2:hover { border:1px solid green; } .a3 { border:1px solid #999; } .a3:hover { border:1px solid blue;} .a4 { border:1px solid #999; } .a4:hover { border:1px solid red;} .a5 { border:1px solid #999; } .a5:hover { border:1px solid silver;} .a6 { border:1px solid #999; } .a6:hover { border:1px solid black;} .a7 { border:1px solid #999; } .a7:hover { border:1px solid #FEE;} [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
继续努力,加上磁性效果............就是测试久了会看的头晕.......
123下一页阅读全文
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1.CSS静态滤镜样式(filter)(只有IE4.0以上支持) CSS静态滤镜样式的使用方法:{filter:filtername(parameters1,
大家可能对Instagram这款iPhoneAPP上的滤镜效果很感兴趣,其实CSS3开始也有滤镜(不是IE的那种滤镜),这些滤镜效果最初是用于SVG的,W3C将
图片悬停放大效果:HTML5代码如下:CSS3图片悬停放大动画另外附上两个css样式(image-hover.css和image-hover-main.css)
CSS3实现可翻转的hover效果,具体代码如下所示:1.csshtml{font-family:sans-serif;-ms-text-siz
:hover是在CSS中用来制作效果最常用到的一个伪类,比如:标签或div上的鼠标悬停效果li:hover,div:hover等.但这种效果是css2及以上版本