Animated Video Card gives your Bubble app a premium, high-performance, dynamic video/content card experience — 3D parallax tilting, interactive text roll-ups, and smooth description text color transitions. Renders stunning hardware-accelerated block elements that react beautifully to mouse movement, creating a gaming-grade UX.
───────────────────
✨ KEY FEATURES
───────────────────

📐 3D Tilt & Parallax Canvas
 • Smooth 3D tilt effects reacting to mouse movement based on tilt.js
 • Configurable perspective, scale factor, and tilt transition speeds
 • Optional dynamic glare overlay with adjustable max opacity

🎨 Typography Animations
 • Character-by-character roll-up title animation shifting colors on hover
 • Smooth text color transition on hover for descriptions
 • Automatic HTML markup generation based on input text

📡 Interactive Play & Built-in Video Popup
 • Centered SVG play button that scales and rotates 90 degrees on hover
 • Built-in video player modal popup with custom glassmorphic blur backdrop
 • Support for both local MP4/WebM files and YouTube video embeds (via automated URL ID extraction)
 • Separate Bubble events for clicking the play button vs clicking the card body, plus popup lifecycle events (opened/closed)
 • Hex color inputs for accent and hover states

💾 Event and State Tracking
 • Exposes current title, background image, and hovered status states
 • Fires Bubble events: card_clicked, play_clicked, card_hovered, and card_unhovered


🔗 [View demo page](https://plugins-demo-70356.bubbleapps.io/version-test/animated-video-card)
🔗 [View demo in editor](https://bubble.io/page?id=plugins-demo-70356&tab=Design&name=animated-video-card&type=page)