Skip to content

component

Soft Rotate Scenes

By Anastasia Satnichenka

Details

Summary

3D cards with synced backgrounds

Description

Create cinematic scroll sequences with oversized cards that softly rotate in 3D while full-screen background scenes change in sync. Pair every image with its own responsive scene, choose between fade and cut transitions, and customize card size, ratio, position, depth, spread, perspective, vignette, marquee, shadows, and blend modes directly in Framer. Built with React and CSS 3D transforms—no Three.js. Includes separate desktop, tablet, and phone controls, optional card links, custom breakpoints, and reduced-motion support.

Introduction

3D cards with synced backgrounds

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600167258/148/228/309/79/15
  • All · #5673