html界面——button设置样式

功能:1.点击“设备启动”按键可以启动设备,点击“测量”开始测量。

           2.启动状态、测量进度、测量数字结果和图片每一秒刷新一次。

           3.点击按键会有“纹波样式”动画效果

效果如图:

html界面——button设置样式_第1张图片

 

直接上代码




	
	
	Document




    

构造深度测量

启动状态:

测量进度:

测量数字结果:

测量图片结果

 如上图单纯按键功能




 
菜鸟教程(runoob.com) 




按钮动画 - 波纹效果

另一种效果(按压特效)




 
菜鸟教程(runoob.com) 




按钮动画 - "按压效果"

你可能感兴趣的:(html,前端)