HTML+CSS3动画旋转效果 Javascript提示框

HTML+CSS3动画旋转效果
Javascript提示框

开发工具与关键技术：DW +HTML+CSS3+Javascript
作者：李仁海
撰写时间：2019.1.20

html布局 首先用一个大盒子包装数个小盒子，写其样式
使用关键帧设置图2中的球体旋转，使其出现一个动态的效果出现。

首先设置一个div给他设置css的样式，但是要注意给其div的盒子、注意其等级关系。不然其效果会不出现。其HTML代码如图下所示

使用关键帧样式与其css样式代码如图下所示

设置提示框如图下所示，点击下面的按钮会弹出一个提示框里。

下图是提示框的javascript的代码。