文字ppt幻灯片演示html5

1、新建html文档。

3、书写css代码。.impress-enabled .hint { display: block }.i罪焐芡拂mpress-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; }

5、代码整体结构。