3d-сцены
Built by Luneka Lab digital agency

Perspective Tunnel

Кинематографичный 3D-эффект для интро, digital-art секций и атмосферных переходов между блоками.

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

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

Написать намРаботать с нами
Назад в библиотеку
Загрузка сцены
React component

Perspective Tunnel

'use client';

import { motion } from 'framer-motion';

export function PerspectiveTunnel() {
  return (
    <div className="relative h-72 overflow-hidden rounded-[28px] border border-white/10">
      {Array.from({ length: 6 }, (_, index) => <motion.div key={index} animate={{ scale: [0.3, 1.08], opacity: [0, 0.85, 0] }} className="absolute left-1/2 top-1/2 h-24 w-24 border border-lime-300/45" />)}
    </div>
  );
}