css3图片翻转炫酷效果
首先，我们要知道css3对浏览器的支持性比较低，css3只支持ie10及以上的一些版本比较新的浏览器。那么，想要支持火狐、谷歌等其他浏览器，需要加相应的前缀： -webkit- /* 支持safari 和 Chrome */ -moz- ...
原文：纯CSS3实现的图片滑块程序 效果非常酷
之前我们经常会看到很多利用jQuery实现的焦点图插件，种类太多了，今天我想给大家分享一款利用纯CSS 实现的图片滑块应用，完全是利用CSS 的相关特性，没有使用JS，个人觉得还是挺不错的，先来看看效果图： 看上去挺不错的吧，简洁 清新 大气。 当然我们也可以在这里查看DEMO演示。 接下来我们一起来分析一下源码，首先是HTML代码，非常简单： 这些HTML代码只是构造了几张图片，等一下可以切换。 ...
2014-04-17 10:30 7 4524 推荐指数：
相关推荐
css3带你实现酷炫效果
css3 私有前缀 -webkit- chrome/safari等webkit内核浏览器 -moz- firfox -o- opera -ms- IE css3 盒子模型 box-sizing 值content-box/border-box ...
使用 CSS3 实现 3D 图片滑块效果【附源码下载】
使用 CSS3 的3D变换特性，我们可以通过让元素在三维空间中变换来实现一些新奇的效果。 这篇文章分享的这款 jQuery 立体图片滑块插件，利用了 3D transforms（变换）属性来实现多种不同的效果。 温馨提示：为保证最佳的效果，请在 IE10+、Chrome、Firefox ...
纯CSS3写的10个不同的酷炫图片遮罩层效果
这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果，可以欣赏一下 在线预览 下载地址 实例代码 1 2 3 ...
纯CSS3实现的一些酷炫效果
纯CSS3实现的一些酷炫效果 之前在网上看到一些用纯CSS3实现的酷炫效果，以为实现起来比较困难，于是想看看具体是怎么实现的。 一、笑脸猫动画 实现效果如下： 这个实现起来确实比较麻烦，很多地方需要花时间，有耐心地调整。 1.先看下页面结构 ...
纯CSS3实现的一些酷炫效果
一、笑脸猫动画 实现效果如下： 这个实现起来确实比较麻烦，很多地方需要花时间，有耐心地调整。 1.先看下页面结构： 2.再看css部分 1.先看脸部face ...
纯CSS3实现的一些酷炫效果
一、笑脸猫动画 实现效果如下： 这个实现起来确实比较麻烦，很多地方需要花时间，有耐心地调整。 1.先看下页面结构： 2.再看css部分 1.先看脸部face: 主要是要画出椭圆形，width ...
css3使用animation属性实现炫酷效果
animation-name 动画名称，可以有多个值，用逗号隔开，表示绑定了多个动画 animation-name属性为动画指定一个名称 animation-name兼容主流的浏览器，不过还是需要 ...