之前我们有讨论过使用CSS3如何实现网页水平翻转的效果，而这次我们介绍的是翻转效果更深一层的应用——3D翻牌效果。 这里我们需要使用flip中轴翻转实现，又因为是3D效果，如果希望呈现一定的3D视角，需要在父级元素上添加类名viewport-flip或者直接添加如下CSS ...

　　好久没有写博客了，上一篇博文距现在都有三个多月了，实在是惭愧。但是这段时间仍然是在忙于项目或是自我充电。这几天实现了一个基于GridView的翻牌动画效果，这里就将其整理出来同各位分享。 　　一、整体介绍　 　　GridView设置15个Item（5*3），刚好满屏显示 ...

css翻牌效果在一些活动页面使用的还是比较多的，目前网上大部分的方案都是使用 backface-visibility 等复杂且兼容性差的方案，本文介绍一种非常简单的方案。以扑克牌的翻转为例,如果事先准备好下面的两张图片 实现图片的翻转很简单,沿Y轴翻转180度的同时更换背景图片即可 ...

1、我们先设置两个盒子大小，颜色等等，然后定位重叠在一起，最后再进行动画设置 例子如下： 2、效果如下： ---恢复内容结束--- ...

最近做了个类似于塔罗牌翻牌的效果，分享给大家。 参数说明： direction：翻转方向，总共有 4 个值（tb、bt、lr、rl），默认 tb content：设置翻转后容器内显示的内容，可以是文本，可以是 html，甚至可以是 jquery 对象 color：设置翻转后 ...

大家有没有看到过网上很炫的翻牌效果，牌正面对着我们，然后点击一下，牌就被翻过来了，效果很酷炫，是不是很想知道是怎么实现的么，代码很简单，跟着小编往下走。 先给大家介绍一下翻牌的原理： 1、父容器设置设置perspective，让其子元素支持3d透视。注：perspective 属性定义 3D ...

最近一直在学css3，发现他真的是越来越牛逼。现在的css3已经不在是以前的css了，它能做出的功能效果是我们没法想象的了。它可以实现flash，可以制作一些js能做出来的效果,还可以写出ps做出来的一些渐变啊圆角啊阴影啊什么的效果，如此之炫的它，我相信已经有很多人 ...

双十一剁手节过去了，大家应该在很多网页中看到了数字翻牌的效果吧，比如倒计时、 数字增长等。相信很多人都已经自己独立实现过了，我也在网上看了一些demo，发现HTML结构大多比较复杂，用了4个并列的标签来放置前后两个“牌”。本文就来讲解下，如何进一步精简HTML，让结构简单，让JS ...