customised ripple button using div

Often we want a button that will attract the attention of the visitor.

The source of inspiration is https://github.com/loadingio/css-spinner

Only the html button does not support < div > structures, but only < span >.

One possibility would be to use < div > as a button.

https://stackoverflow.com/questions/12982269/is-it-semantically-incorrect-to-put-a-div-or-span-inside-of-a-button/12982334

https://stackoverflow.com/questions/2777256/making-buttons-button-or-div

In order to interact with the user the button must be equipped with javascript. In this case, just click. If you want you can add other interaction modes by editing the ripplebutton.js file in the js folder. E.g: onclick="javascript:this.form.submit();

https://stackoverflow.com/questions/2400482/how-do-i-make-a-div-button-submit-the-form-its-sitting-in

See a demo here:

https://florincatalin.000webhostapp.com/demo/ripplebutton/

http:https://florincatalin.freesite.vip/demo/ripplebutton