# 3D Tilt Parallax Title: motion graphics style

> 3D tilt text effect: a deep extruded word floats in a layered diorama that tilts toward the cursor. Depth layers slide in parallax and a glare sweeps its iridescent face. Ideal as an interactive, animated website hero title.

- Category: [Reactive Styles](https://aimotions.art/category/reactive-styles/)
- Also known as: 3d tilt hover, parallax hover effect, tilt card text, layered depth text, mouse parallax, extruded hover title, holographic tilt
- Demo built with: CSS · Energy: Lively · Background: Dark bg
- Live demo: https://aimotions.art/styles/tilt-parallax-3d/
- Spanish version: https://aimotions.art/es/estilos/tilt-parallax-3d/

## Prompt (replace [TEXT] with your text)

```text
Build a small 3D diorama for [TEXT]: a rounded heavy display word extruded deep into space, its face an iridescent peach-to-pink gradient and its sides stepping down through magenta to deep violet, floating in front of a dark indigo back panel with a faint perspective grid and two thin orbit rings, tiny sparkles in front. At rest the scene sways gently as an invisible point drifts across it. On hover the whole diorama tilts toward the pointer up to about twenty degrees with a springy lag: layers slide past each other in parallax, the extrusion reveals its sides, the soft shadow shifts on the back panel and a white glare sweeps across the letters. When the pointer leaves it eases back level with a small overshoot. A press pops the word forward. Touch tilts it the same way.
```

## Visual DNA

- Rounded heavy word extruded in sixteen layers, peach-to-pink face, violet sides
- Whole scene tilts toward the pointer with a springy lag
- Parallax layers: back grid panel, orbit rings, floating sparkles in front
- Iridescent face gradient and a white glare that slide with the tilt
- Press pops the word forward, then it springs back into the frame

The prompts are free to copy, adapt and use in personal and commercial projects, with no credit required. Republishing the collection or a substantial part of it (for example as another library or a dataset) requires written permission.

How to cite: 3D Tilt Parallax Title, aimotions, https://aimotions.art/styles/tilt-parallax-3d/