Add sonar
as a class to any element to activate.
Use sonar-infinite
to make the animation loop forever.
You can use sonar-stroke
for border animation, or sonar-fill
for background animation.
Use sonar-delay
to set the animation delay to 1s. You can also use sonar-delay-short
, sonar-delay-shorter
, sonar-delay-long
and sonar-delay-longer
for different timings
Sonar will inherit the border/background colors. But sonar supports all the bootstrap colors, so you can use sonar-default
, sonar-primary
, sonar-success
, sonar-info
, sonar-warning
, and sonar-danger
.
All colors are compatible with sonar-stroke
and sonar-fill