Materialize CSS icon positioning in floating button - HTML CSS CSS Form

HTML CSS examples for CSS Form:input image button

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input image button

Description

Materialize CSS icon positioning in floating button

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <!-- Compiled and minified CSS --> 
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css"> 
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
 </head> <!-- w ww  .j  a v a 2  s. c om-->
 <body> 
  <div class="container"> 
   <a class="btn-floating pulse btn-large waves-effect waves-light "> <i class="material-icons">g_translate</i> </a> 
  </div>  
 </body>
</html>

Related Tutorials