多语言展示
当前在线:1344今日阅读:155今日分享:35

文字ppt幻灯片演示html5

文字ppt幻灯片演示html5
工具/原料

adobe dreamweaver

方法/步骤
1

新建html文档。

2

代码整体结构。   

您的浏览器不支持HTML5,看不到 3D 特效,肿么办?

   

不用怕!

请下载最新的 Chrome, Safari 或者 Firefox 浏览器(360急速,搜狗的'极速模式'也可以哦~)

   
       

强者与弱者的分界

就在于 谁能改变它

(适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。)
   
       

加入我的团队

我会让你成为强者

来源:懒人素材   
   
       

期待与你

有一次 痛彻淋漓的 合作

   
   
       

我是丶安幕生

       

 

       

隶属产品团队                 

 
   
       

很高兴认识你

   
   
       

我已经和你携手走过了

   
   
       

独脚 难行孤掌 难鸣

   

3

书写css代码。.impress-enabled .hint { display: block }.impress-on-bored .hint { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity 0.5s 1.5s, -webkit-transform 0s 1s; -moz-transition: opacity 0.5s 1.5s, -moz-transform 0s 1s; -ms-transition: opacity 0.5s 1.5s, -ms-transform 0s 1s; -o-transition: opacity 0.5s 1.5s, -o-transform 0s 1s; transition: opacity 0.5s 1.5s, transform 0s 1s; }.impress-enabled { pointer-events: none }.impress-enabled #impress { pointer-events: auto }/*--Plus By JohnLui--*/html body.impress-supported div#impress div div#its.step { font-size: 60px; }html body.impress-supported div#impress div div#tiny.step p { font-size: 30px; }html body.impress-supported div#impress div div#tiny.step p b { font-size: 120px; }html body.impress-supported div#impress div div#ing.step p xiaozi { font-size: 24px; }html body.impress-supported div#impress div div#source.step p { font-size: 28px; }html body.impress-supported div#impress div div#source.step p b { font-size: 45px; }.px60 { font-size: 80px; }

4

书写并添加js代码。

5

代码整体结构。

6

查看效果。