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)

You can see total article reactions, views, and listing information by heading over to your dashboard.