基于javascript html5实现3d翻书特效

基于javascript html5实现3d翻书特效

ID:30511203

大小:17.14 KB

页数:9页

时间:2018-12-30

基于javascript html5实现3d翻书特效_第1页
基于javascript html5实现3d翻书特效_第2页
基于javascript html5实现3d翻书特效_第3页
基于javascript html5实现3d翻书特效_第4页
基于javascript html5实现3d翻书特效_第5页
资源描述:

《基于javascript html5实现3d翻书特效》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解基于javascripthtml5实现3D翻书特效  这篇文章主要介绍了基于javascripthtml5实现翻书特效的实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下  这是一款十分炫酷的HTML53D书本翻页动画,效果相对比较简单,拖拽鼠标模拟用手翻页,更漂亮的是翻页过程中,呈现出逼真的3D立体效果。书本中的文字和图片也会3D展示,非常酷。  HTML代码         

2、                       Loremipsumdolorsitamet,consecteturadipiscingelit.Namfermentumnislquisnullaeleifend对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解dignissim.Curabiturvariuslo

3、bortistincidunt.Maecenasgravida,nullaquisluctusimperdiet,ipsumnibhconsecteturante,insodalesmassatortoregetneque.Donecportaligulamassa,idsagittisest.Utnisltellus,faucibusnecfeugiatut,laoreetiaculisfelis.Suspendisseultricesmaurisveltellussuscipitcommodo.Integervitaet

4、ortorerat.Pellentesquenontempornisi.             CSS代码  .book{   width:300px;   height:300px;   margin-top:-150px;   position:absolute;   left:50%;   top:50%;   -webkit-transform:rotateX(60deg);对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触

5、和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解   -moz-transform:rotateX(60deg);   -ms-transform:rotateX(60deg);   -o-transform:rotateX(60deg);   transform:rotateX(60deg);   -webkit-user-select:none;   -moz-user-select:none;   -ms-user-select:none;  

6、 -o-user-select:none;   user-select:none;  }  .page{   width:300px;   height:300px;   padding:1em;   position:absolute;   left:0;   top:0;   text-indent:2em;  }  .front{   background-color:#d93e2b;  }对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真

7、正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解  .back{   background-color:#fff;  }  .front-cover{   cursor:move;   -webkit-transform-origin:050%;   -moz-transform-origin:050%;   -ms-transform-origin:050%;   -o-transform-origin:050%;   transfor

8、m-origin:050%;   -webkit-transform:rotateY(0deg);   -moz-transform:rotateY(0deg);   -ms-transform:rotateY(0deg);   -o-transform:rotateY(0deg);   

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。