Get Bricksfusion BLACKFRIDAY DealUntil month-end

Documentation

v1.5.0

Pulse Cards

PREVIEW

Products

Innovative solutions designed to transform your digital experience.

Try me

TurquoiseSapphireRubyAmberAmethystTopazPearlObsidianCitrine

What is it?

Pulse Cards adds interactive visual effects to card elements, creating a dynamic and engaging appearance with pulsing animations and grid overlays. The cards are designed to respond to user interactions, such as hover effects, with smooth animations and customizable color themes.

How to set it up?

This element is customized using the Bricks Builder attributes field. Pulse Cards utilizes the following attributes:

'data-pulse-cards'. Activates the Pulse Cards effect on the specified container. No value is needed; adding this attribute enables the functionality.

'data-color-preset'. Determines the color scheme for the card's background and interactive elements. Available preset names must match exactly with one of the following:

  • emerald
  • sapphire
  • ruby
  • amber
  • amethyst
  • topaz
  • pearl
  • obsidian
  • opal
  • garnet
  • turquoise
  • citrine
  • jade
  • onyx
  • quartz

If not specified, the default preset is emerald.

'data-grid-color' (Optional). Defines the color of the grid overlay on the card. If not specified, the default is "rgba(255,255,255,0.05)".

Support

Need a hand? I'm here to assist with setup, customization, or any questions you may have. Feel free to reach out—I aim to respond as soon as possible, and I appreciate your patience if there's a slight delay

Contact