DEV Community

Deepak Devanand
Deepak Devanand

Posted on

Pulse —CSS Animation

A pulsating circular element in the UI is an indicator of something real-time. Adding such an element next to charts with constantly updating data is a fine visual cue.

  • Box Shadow: Cast shadow around the element
  /* offset-x | offset-y | blur-radius | spread-radius | color 
  */
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
Enter fullscreen mode Exit fullscreen mode
  • Scale3d: Resize the element in 3D space
  scale3d(sx, sy, sz)
Enter fullscreen mode Exit fullscreen mode

Top comments (0)