![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
文章平均质量分 51
jfk403
这个作者很懒,什么都没留下…
展开
-
CSS3京东图片动画
/*通过图片定位加过渡实现动画替换效果:*/i{ display: block; width:13px; height:22px; margin:100px; cursor:pointer; background:url(jd2015img.png) no-repeat 0 -0;/*找到精灵图中手机图片的位置:默认的位置*/ transition: background-position 0....原创 2016-05-17 16:26:37 · 228 阅读 · 0 评论 -
CSS3实现横向展示图片滑动展示效果(转载)
一个使用CSS3动画效果实现的图片宽度 横向展开的效果。HTML代码如下:<ul id="kwicks"> <li><a class="john" href="http://en.wikipedia.org/wiki/John_lennon" title="John Lennon">John Lennon</a&am原创 2016-11-24 10:51:07 · 7944 阅读 · 2 评论 -
CSS3滤镜(Filters)功效
滤镜(Filters)是CSS3中新增的功能,可以实现模糊效果,透明效果,色彩反差调整,色彩反相等效果。滤镜(filter)效果如下: grayscale(灰度级), blur(模糊),sepia(怀旧老照片效果), saturate(色彩饱和度), opacity(透明度),brightness(亮度), contrast(对比度), hue-rotate(色调), 和 invert(反相...原创 2016-11-24 11:15:36 · 341 阅读 · 0 评论