欢迎访问 生活随笔!

ag凯发k8国际

当前位置: ag凯发k8国际 > 前端技术 > html >内容正文

html

6个超炫酷的html5电子书翻页动画【转】 -ag凯发k8国际

发布时间:2024/10/12 html 26 豆豆
ag凯发k8国际 收集整理的这篇文章主要介绍了 6个超炫酷的html5电子书翻页动画【转】 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
webgl 演示网址:http://bookcase.chromeexperiments.com

相信大家一定遇到过一些电子书网站,我们可以通过像看书一样翻页来浏览电子书的内容。今天我们要分享的html5应用跟电子书翻页有关,我们精选出来的6个电子书翻页动画都非常炫酷,而且都提供源码下载,有需要的朋友可以下载使用。

1、jquery书本翻页3d动画特效

今天要分享的这款jquery书本翻页3d动画功能更加强大,可以支持任意数量页的翻阅,并且也有非常美观的视觉效果。书本的内容支持任意html元素,相当灵活。

在线演示

源码下载

2、css3书本翻页动画 书本翻页效果逼真

今天我们要分享一款炫酷而且实用的css3动画效果,它是模拟书本翻页的动画特效。当鼠标滑过书本右上角时,书本即可向前翻一页,而且翻页动画非常逼真。由于css3的运用,我们并不需要使用复杂的图片来制造逼真的书本效果,书本翻页可以很简单地完成。

在线演示

源码下载

3、html5电子书翻页动画特效

今天我们要来分享一款很酷的html5电子书翻页动画特效,这款html5翻页动画可以用鼠标拖动页面来模拟手动翻页的效果,也可以点击书页的边框来快速翻页。

在线演示

源码下载

4、html5 3d书本翻页特效 3d效果比较漂亮

利用html5和css3实现3d效果真的非常方便,下面这款书本翻页特效就很好地利用了html5的3d特性。鼠标拖拽书本页面即可翻动页面,在翻页的过程中整本书还呈现出3d立体的效果,包括书本中的图片也十分立体。

在线演示

源码下载

5、html5/css3书本翻页3d动画

前段时间我们分享过很多牛叉的html5动画,如果你对html5感兴趣,可以移步至html5动画欣赏学习。今天我们要分享一款基于html5和css3的书本翻页3d动画,当我们将鼠标滑过书本时,书本就会自动一页页翻过去,书本的3d效果非常不错。

在线演示

源码下载

6、jquery/css3书本翻页动画特效

这是一款基于jquery和css3的书本翻页动画特效,该书本翻页插件的外观非常华丽喜庆,非常适合产品活动或者育儿网站使用。我们可以点击左右翻页按钮进行翻页,也可以使用鼠标拖拽页脚来实现翻页动画。这是个jquery插件,因此兼容性还不错。

在线演示

源码下载

  • 本文固定链接: http://www.i7758.com/archives/2331.html
  • 转载: yang 2015年12月22日 于 爱七七五八网 发表

转载于:https://www.cnblogs.com/dahuan/p/10456856.html

总结

以上是ag凯发k8国际为你收集整理的6个超炫酷的html5电子书翻页动画【转】的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错,欢迎将ag凯发k8国际推荐给好友。

  • 上一篇:
  • 下一篇:
网站地图