Ripple Effect

1 min read

Expanding concentric rings emanating from an item’s center.

Usage

app.applyEffect(item, 'ripple', {
  color: '#60a5fa',
  speed: 1.0,
  maxRadius: 150,
  ringCount: 3
});

Parameters

Parameter Type Default Description
color string '#60a5fa' Ring stroke color
speed number 1.0 Expansion speed
maxRadius number 150 Maximum ring radius before fade
ringCount number 3 Number of concurrent rings
strokeWidth number 2 Ring stroke width