纯css3 3D图片立方体旋转动画特效
纯css3 3D立方体模块，鼠标触碰，模块炸开，大立方体中套小立方体效果展示手机扫描二维码体验效果：效果图如下：源码下载：http://hovertree.com/h/bjaf/0qmul8gc.htm代码如下： 推荐：http://hovertree.com/h/bjaf ...
原文：使用 CSS3 动画实现的 3D 图片过渡特效
这是一个基于CSS 动画实现的图片过渡效果，共有 Flip Rotation Multi flip Cube Unfold 等 种效果，它们将证明 CSS Transform 和 Transition 属性的强大能力。随着越来越多的浏览器对 CSS 支持的不断完善，设计师和开发者们有了更多的选择。 温馨提示：为保证最佳的效果，请在 IE Chrome Firefox 和 Safari 等现代浏览 ...
2014-12-08 09:56 0 8780 推荐指数：
相关推荐
优秀教程：使用 CSS3 动画实现的超炫的过渡特效
Codrops 最近分享了一些很酷的图片切换灵感。有三种不同的用例：小的图像幻灯片，大标题幻灯片以及使用透明背景的产品幻灯片。状态转换使用 CSS 动画完成，我们能够定义从任何方向进来的图片的行为。 您可能感兴趣的相关文章 Codrops 教程：基于 CSS3 的全屏 ...
纯CSS3实现牛奶般剔透的3D按钮特效
今天我们要来看一款非常特别的纯CSS3 3D按钮，它的外观酷似纯白剔透的牛奶，点击按钮的时候还会出现一种很柔和的弹力效果。按钮按下时，按钮会轻轻的弹动一下，非常逼真。本文我们在观赏演示的同时，也将源代码分享出来一起学习。 你也可以在这里查看在线演示 接下来我们来分析一下实现这款CSS3 ...
使用jQuery和CSS3实现的超炫3D画廊特效
日期：2012/02/23 在线演示 本地下载 今天我们分享一款使用jQuery和CSS3实现的3D环廊展示特效，这个3D特效使用CSS3的3D变化特性实现，简单而非常华丽，希望大家喜欢！ 使用3D变化，通过将它们放置于一个三维空间，我们可以让很简单元素变得更加有活力 ...
CSS3动画结合js实现3D轮播
昨天晚上有个同行提出要做一个旋转式的3D轮播图(下面统称banner图)。我就为了帮他看了一下相关的技术贴发现符合要求的很少，所以只能自己去动手写了。看到有人写了CSS3立体旋转动画的博客，我就想把这个动画拆分成几个模块来做一个banner效果可不可以？最后自己动手写了一下 ...
CSS3实现3D球体旋转动画
html <div class="ball-box"> <div class="ball"> <div class="line1"> ...
我用 CSS3 实现了一个超炫的 3D 加载动画
今天给大家带来一个非常炫酷的CSS3加载Loading动画，它的特别之处在于，整个Loading动画呈现出了3D的视觉效果。这个Loading加载动画由12个3D圆柱体围成一个椭圆形，同时这12个圆柱体依次波浪式地起伏，从而传递给用户“正在加载”的信息。 效果预览 代码实现 HTML代码 ...
CSS3动画效果-3d-过渡动画
知识点一：旋转 新加的属性：transform： rotateZ(ndeg); 知识点二：过度动画 transform-style：preserve-3d;// 设置成3D的效果，，必加的东西perspective: 800px-2000px; //设置成右侧边阴影 ...