Materialize CSS Pulse Effect

Materialize CSS Pulse Effect

Materialize CSS pulse effect is used to draw attention to the floating action button by captivating effect.

Steps to create Materialize pulse effect.

To create pulse, assign the .pulse class to the floating action button base class.

General Syntax

<element class="btn-floating pulse"></element>    
Try It Now

Source Code

Download
<div class="container">
  <div class="row valign-wrapper">
    <div class="col s12 m4 ">
      <a class="btn-floating pulse">
        <i class="material-icons">menu</i>
      </a>
    </div>
    <div class="col s12 m4 ">
      <a class="btn-floating btn-large pulse">
        <i class="material-icons">cloud</i>
      </a>
    </div>
    <div class="col s12 m4">
      <a class="btn-floating btn-large cyan pulse">
        <i class="material-icons">edit</i>
      </a>
    </div>
  </div>
</div>    
Try it yourself

Source Code : Output

Web Tutorials

Html Tutorial HTML
Css Tutorial CSS
Bootstrap 5 Tutorial BOOTSTRAP 5
Bootstrap 4 Tutorial BOOTSTRAP 4
Materialize CSS Tutorial MATERIALIZE CSS