//样式

.d3{

transform-origin: 0% 0%;

60px;height: 80px;

position: relative;

-webkit-transform-style: preserve-3d;

transform-style: preserve-3d;

opacity: 0.5;

}

#book:hover > #book1{

transform: rotateY(-180deg);

transition-duration: 1.0s;

}

#book:hover> #book2{

transform: rotateY(-170deg);

transition-duration: 1.2s;

}

#book:hover> #book3{

transform: rotateY(-160deg);

transition-duration: 1.4s;

}

#book:hover> #book4{

transform: rotateY(-150deg);

transition-duration: 1.6s;

}

#book:hover> #book5{

transform: rotateY(-140deg);

transition-duration: 1.8s;

}

//定义六页纸

html5小说翻页,用html5模拟书的翻页相关推荐

  1. HTML5期末大作业:旅游网页设计——西安旅游9页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计

    HTML5期末大作业:网站--西安旅游9页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业 ...

  2. HTML5期末大作业:绿色环境保护网站设计(10页) 带flash动画带背景音HTML+CSS+JavaScript

    HTML5期末大作业:绿色环境保护网站设计(10页) 带flash动画带背景音HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 大学生毕设网页设计源码HT ...

  3. HTML5+CSS大作业——三八女人节主题设计(1页)

    HTML5+CSS大作业--三八女人节主题设计(1页) 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. ...

  4. HTML5期末大作业:个人网页设计——薛之谦6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计

    HTML5期末大作业:个人网页设计--薛之谦6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 HTML+CSS+JavaScript(毕业设计) 常见网页设计作业题材有 个人 ...

  5. HTML5期末大作业:动物网站设计——宠物狗(10页) HTML+CSS+JavaScript 大学生静态网页设计 dw宠物网页设计 狗狗网页设计html web课程设计网页规划与设计...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...

  6. HTML5+CSS大作业——个人博客-功能齐全(48页) html大学生网站开发实践作业

    HTML5+CSS大作业--个人博客-功能齐全(48页) html大学生网站开发实践作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. ...

  7. HTML5期末大作业:电影网站设计——电影(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

    HTML5期末大作业:电影网站设计--电影(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 一.作品介绍 1.作品简介 ...

  8. web网页设计实例作业 HTML5+CSS大作业——简单的个人图片网站(6页)

    HTML5+CSS大作业--简单的个人图片网站(6页) 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. ...

  9. html简单个人网页制作 HTML5+CSS大作业——程序员个人简历设计(5页)

    HTML5+CSS大作业--程序员个人简历设计(5页) 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. ...

最新文章

  1. arima模型 p q d 确定_基于ARIMA预测股指期货价格走势
  2. 【Linux独家秘方】Linux 定时备份oracle库的数据
  3. [你必须知道的.NET]第二十三回:品味细节,深入.NET的类型构造器
  4. 存储进阶:怎么才能保证 IO 数据的安全?
  5. CCF 201403-5 任务调度
  6. Python花式编程案例集锦(7):判断回文
  7. Spring Cloud 中的@FeignClient注解中的contextId属性
  8. python进阶18正则表达式
  9. 80后屌丝站长自曝日赚6000(纯分享贴)
  10. JavaThread学习
  11. ElementUI:项目中引入自己的ICON
  12. Ubuntu16.04桌面版pxe启动实现自动安装
  13. [分享解决]你的支付授权失败。请核对你的信息并重试,或尝试其他支付方式。请联系你的银行了解更多信息
  14. 伦敦国王学院EEM专业介绍
  15. Jbuilder2005破解补丁使用方法和下载地址
  16. 富婆套路深,代码才是真...
  17. oracle中 || 代表的含义
  18. 解构「私域流量」(一)|底层思维
  19. 格斗java华娱_华娱水滸2-武林至尊
  20. Linux下DNS服务器部署

热门文章

  1. 在Windows下搭建SVN服务器并且集成到 Eclipse 开发环境中
  2. AIX 访问Linux NFS共享错误案例
  3. WordPress添加固定位置的百度分享按钮
  4. java管理从程序员到CTO的Java技术路线图
  5. 6、单机运行环境搭建之 --CentOS-6.4安装MySQL 5.6.10并修改MySQL的root用户密码
  6. ajax发送异步请求四个步骤,深入理解ajax异步请求的五个步骤(详细代码)
  7. 中南林业科技大学的计算机研究生分数线,2019中南林业科技大学研究生分数线汇总(含2016-2019历年复试)...
  8. thinkphp路由配置 php7.0,thinkphp3.2 路由设置方法
  9. Oracle取最大值问题
  10. 手里的基金在震荡?数据解读2021“开门红”如何控制仓位