Materialize Pulse

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

Example

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

     
      <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