Canvas Docs

Hover 3D

Card with a CSS perspective tilt effect on mouse-move powered by the theme JS module. It is shown in the block inserter as Canvas Hover 3D and registered as canvas-core/hover-3d.

Select the block on a page and its own settings open in the sidebar, in the panels below:

The Hover 3D settings in the block editor sidebar

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Content

  • Card ContentDefaultEmpty

    Text shown on the card face. It tilts with the card as the pointer moves across it.

  • Background ImageDefault0

    Optional background image for the card.

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Interactive: Accordions, AJAX Buttons, Carousels, Cookie Consent, Countdowns, Flip Cards.

Was this page helpful?