基于CSS3新属性Animation及transform实现类似翻书效果
注：本实例JS部分均以原生JS编写，不善用原生JS的，可用jQuery等对三方框架改写 先上效果图：（样式有点丑，可以忽略一下下，效果出来了就好，后期加到其他项目中方便更改0.0） 类似翻书效果，原本的意思是使用JS来控制的，点击一次之后使用setInterval去控制书页翻过去的动画 ...
原文：纯css实现翻书效果
前言 最近研究了一下css 的 D效果，写了几个demo，写篇博客总结一下实现的经过。PS:如果对transform origin perspective transform style这些概念还不了解，可以先看看张鑫旭大神写的这篇通俗易懂的文章：好吧，CSS D transform变换，不过如此 。不过就是里面大神配的图片有点污，不适合在办公室看 手动捂脸 。 效果图 先来看看实际的效果图： 翻 ...
2019-04-29 16:27 1 4238 推荐指数：
相关推荐
js--翻书效果的实现
今天工作量不大，翻翻博客看到一个自己很久以前想写的一个翻书效果，记录一下。 来源：https://www.cnblogs.com/hellman/p/10683492.html 源码下载地址：http://www.luanxin.top/index.php/archives/30 ...
JQuery的turn.js实现翻书效果
。 它使用HTML5和CSS3来执行效果，所以它可以在iOS设备（iPad，iPhone，iPod）和And ...
Turn.js 实现翻书效果的学习与总结
最近CTO给我分配了一个移动端H5开发的任务，主要功能是需要实现翻书效果，我听过主要需求后，当时是呀！！！接下来自己尝试使用 fullPage.js和Swiper来实现翻书效果，结果效果都不是非常的理想，后来想起自己曾经做过PC版的翻书效果，当时使用的是Turn.js ，查过其相关 ...
Turn.js 实现翻书效果(自适应单双页)
来源：https://www.cnblogs.com/hellman/p/10683492.html在上面的来源基础上增加页码显示，自适应单双页PC端效果： 移动端展示： 源码下载地址：http://www.luanxin.top/index.php/archives/7/ ...
Turn.js 实现翻书效果的学习与总结
最近CTO给我分配了一个移动端H5开发的任务，主要功能是需要实现翻书效果，我听过主要需求后，当时是呀！！！接下来自己尝试使用 fullPage.js和Swiper来实现翻书效果，结果效果都不是非常的理想，后来想起自己曾经做过PC版的翻书效果，当时使用的是Turn.js ，查过其相关API ...
15个最好的翻书效果的jQuery插件和例子
原文：http://www.jqueryrain.com/2012/12/best-jquery-page-flip-book-effect-with-examples/ In this Artic ...
css实现烟花效果
<div class="bomb-rocket"></div> <div class="bomb-rocket"></div> < ...