今天给大家带来一个css3制作的翻牌效果，就是鼠标移到元素上，感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的，甚至给女朋友写一些话语，放在使用该实例制作的相册之后都可以尝试下，哈~效果图：实例用到的一些css3的新属性： a、-webkit-perspective: 800px; perspective （透视，视角）：属性定义 3d 元素距视图的距离，以像素计。该属性允许您改变 3d 元素查看 3d 元素的视图。决定了你所看到的是2d transform 还是3d transform 。b、-webkit-transform-style: preserve-3d; transform-style 属性规定如何在 3d 空间中呈现被嵌套的元素。默认flat（平的），我们3d效果，然后选择3d。c、-webkit-b
简介：今天给大家带来一个CSS3制作的翻牌效果，就是鼠标移到元素上，感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的，甚至给女朋友写一些话语，放在使用该实例制作的相册之后都可以尝试下，哈~效果图：实例用到的一些CSS3的新属性： a、-webkit-perspective: 800px; perspective （透视，视角）：属性定义 3...
简介：css3的3d起步 要玩转css3的3d，就必须了解几个词汇，便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物，从而展现3D的效果。旋转则不再是2D平面上的旋转，而是三维坐标系的旋转，就包括X轴，Y轴，Z轴旋转。平移同理。 当然用理论来说明，估计你还不明白。下面是3个gif： 沿着X轴旋转 沿着Y轴旋转 沿着Z轴旋转 旋转应该没问题了，那理解..
简介：css3的3d起步 要玩转css3的3d，就必须了解几个词汇，便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物，从而展现3D的效果。旋转则不再是2D平面上的旋转，而是三维坐标系的旋转，就包括X轴，Y轴，Z轴旋转。平移同理。 当然用理论来说明，估计你还不明白。下面是3个gif： 沿着X轴旋转 沿着Y轴旋转 沿着Z轴旋转 旋转应该没问题了，那理解..
简介：强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力，但是如果在展示中添加适当的3D元素，~说不定效果不错哈~效果图：说明一下：这个创意不是我想的，哈~模仿别人的，创意应该是w3cplus上的。当然了，重点是教大家如何做，就当高仿了~首先，先教大家利用CSS3制作一个正方体：在木有CSS
5. HTML5/CSS3专题 3D旋转木马效果相册的示例代码
简介：本文详细讲解perspective属性的默认值为none，表示无限的角度来看3D物体，但看上去是平的。喜欢的小伙伴可以看一下。
6. HTML5/CSS3专题 CSS3打造百度贴吧的3D翻牌效果的经典案例
简介：首先感谢w3cfuns的老师~今天给大家带来一个CSS3制作的翻牌效果，就是鼠标移到元素上，感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的，甚至给女朋友写一些话语，放在使用该实例制作的相册之后都可以尝试下，哈~效果图：实例用到的一些CSS3的新属性： a、-webkit-perspective: 800px; perspective
7. 分享CSS3的perspective属性设置3D变换距离的示例方法
前台功能介绍:1、网页首页显示有高级会员推荐，精品推荐，商业机会分类列表，最新供求信息，网站动态，推荐企业，行业动态等;2、商业机会栏目功能有：二级分类，已经带有详细分类的数据库，后台可以更改增加操作，并可以推荐公司，栏目分为分类显示信息，最新的采购、供应、合作和代理信息，搜索时同样按分类，信息，时间，交易类型等搜索;3、展厅展品栏目功能:二级分类，已经带有详细分类的数据库，后台可以更改增加操作，
简介：perspective属性及相关的perspective-origin属性都是用来控制3D图形空间中坐标轴上的距离的,下面我们就来详解CSS3的perspective属性设置3D变换距离的方法,当然后面也会讲到perspective-origin的用法:
简介：强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力，但是如果在展示中添加适当的3D元素，~说不定效果不错哈~效果图：说明一下：这个创意不是我想的，哈~模仿别人的，创意应该是w3cplus上的。当然了，重点是教大家如何做，就当高仿了~首先，先教大家利
简介：这篇博客的目的是因为上篇HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果中有个关于CSS 3D效果的比较重要的知识点没讲到，就是perspective和tranlateY效果图：嘿嘿，我把大学毕业时的一些照片，做成旋转木马，绕着我大文理旋转，不忘母校的培育之恩~1、perspectiveperspective属性包
10. 教你玩转 scc3 3d 技术
简介：要玩转css3的3d，就必须了解几个词汇，便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物，从而展现3D的效果。旋转则不再是2D平面上的旋转，而是三维坐标系的旋转，就包括X轴，Y轴，Z轴旋转。平移同理。
【相关问答推荐】：
css3 - 元素在旋转后，perspective-origin还是原来的面的呢还是不变呢？
在空间坐标系中解释 translateZ 和 perspective？
