Depth Tunnel Cards

Подходит для intro-переходов, подборок и digital storytelling-модулей с сильной перспективой.

Framer MotionPerspective timing

Готовый сниппет для переноса

У каждой демки есть React-компонент, который можно скопировать и адаптировать под HTML embed или кастомный блок в Tilda. Библиотека собрана Luneka Lab как showroom motion-подходов для клиентских сайтов.

Написать нам Работать с нами

Назад в библиотеку

Загрузка сцены

React component

Depth Tunnel Cards

'use client';

import { motion } from 'framer-motion';

export function DepthTunnelCards() {
  return Array.from({ length: 6 }, (_, index) => <motion.div key={index} animate={{ scale: [0.4 + index * 0.08, 1.08], opacity: [0, 0.85, 0] }} transition={{ duration: 3.4, repeat: Infinity, delay: index * 0.18 }} />);
}