Effects / Grid Scan

Grid Scan

Pro

Animated grid overlay with scanning beam effects.

Ships in Animation Kit Pro with all 10 controls. Everything below is the real effect, running in your browser.

Your section

A headline sits on top of the background

This is where your own content goes. The canvas never blocks clicks, so buttons and links stay usable.

Call to action
Page

Use this look on your site

  1. Click Copy look above. The settings you see here go to your clipboard.
  2. In WordPress, open Animation Kit → Background Animation (this effect needs Animation Kit Pro).
  3. Press Ctrl/⌘+V on that screen — or open the Looks tab and click Paste a copied look. On Animation Kit 0.5.0 and older, click the clipboard icon (Paste look) at the top right of the settings panel instead.
  4. Click Apply look, then Save changes.

For one section only: select a Group or Cover block, switch on Animated background and paste into Paste a look in its panel. Where a background runs and how its layer stacks are never part of a look, so pasting never re-targets anything.

See what gets copied
{
  "format": "animation-kit/look@1",
  "effect": "grid-scan",
  "settings": {
    "gridColor": "#5227FF",
    "scanColor": "#FF9FFC",
    "speed": 1,
    "gridSize": 30,
    "lineWidth": 0.03,
    "scanSpeed": 2,
    "scanWidth": 0.1,
    "gridOpacity": 0.8,
    "fadeEdge": 0.3,
    "perspective": false
  }
}
Looks

Put one on your site in a minute

Install the free plugin, pick an effect or a look, set your colors and switch it on. No shortcode, no code.