Загрузка видео...

Не удалось загрузить видео

На главную

Background Gradient

37,500 просмотров • 3 лет назад •via X (Twitter)

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Here is the prompt to create a liquid gold nav bar :) Have fun experimenting! Create a floating navigation toolbar centered on screen. Dark background, glassmorphism toolbar with blur and subtle border. Core feature - Golden active indicator ring: A sliding highlight around the active button built with 4 CSS layers: Glow - blurred warm gold (#e8af48) behind the ring, opacity: 0.15 Clip container - overflow: hidden, border-radius: 18px - this clips the gradient Rotating conic-gradient - sized 200% and offset -50% so it spins from center. Rotates 4.5s linear infinite. The gradient must be heavily gold-dominant:70% of the gradient = gold tones (#533517 dark bronze → #c49746 warm gold → #feeaa5 light gold) 2 narrow white hotspots (#ffffff, each only ~3% wide) simulating studio light reflections Between each white hotspot, a very thin (~1.5% each) hint of #ffc0cb pink and - blue for subtle chromatic iridescence - these must stay minimal, the ring should read as GOLD not rainbow The pattern repeats twice across 360° for symmetry Inner plate - inset: 2px covers the center, only 2px of spinning gold ring visible. Background matches toolbar. The indicator slides between buttons with bouncy overshoot easing (cubic-bezier(0.34, 1.2, 0.64, 1)). 3 nav buttons (Home, Search, User) with thin stroke icons, separated by subtle dividers. Plus a dark/light theme toggle - sun/moon icons crossfade with rotate+scale. On toggle click, the button bounces up to 1.25× scale then springs back. Add film grain noise overlay and radial ambient glow.

Leon Lin

72,887 просмотров • 7 месяцев назад

Made with Seedance 2.0 on Yapper { "video_generation_prompt": { "scenes": [ { "scene_name": "Intro Jump", "description": "Chibi character pops up from bottom of screen, big sparkling eyes, tiny hands waving, oversized head, cheerful smile, colorful outfit with cute accessories, soft pastel gradient background, short jump animation, cinematic soft lighting, adorable expression, 2 seconds" }, { "scene_name": "Magic Sparkle", "description": "Chibi character casts tiny sparkles from hands, sparkles float around, eyes wide with excitement, dynamic movement, outfit shimmering, pastel-colored magical effect, playful bouncing motion, 3 seconds" }, { "scene_name": "Happy Dance", "description": "Chibi character does a cute spin and small dance step, waving tiny hands, bouncing slightly, big smile, bright pastel background, soft shading and highlights, 3 seconds" }, { "scene_name": "Cute Wave Goodbye", "description": "Chibi character waves goodbye, jumps slightly and lands, eyes sparkling, happy expression, background soft pink gradient, end of video loop, 2 seconds" } ], "style": "Ultra-cute chibi, anime-inspired, large sparkling eyes, tiny round body, oversized head, soft pastel color palette, highly detailed cartoon textures, cinematic lighting, smooth fluid animation, 1080x1080 resolution, energetic, playful, kawaii mood", "transitions": "Quick cute fade between cut scenes, smooth movement, 0.5 second each", "output": { "format": "mp4", "frame_rate": 24, "duration": "total 10 seconds", "loop": false } } }

Sharon Riley

83,613 просмотров • 7 месяцев назад

Hold up, here is the prompt: works with almost any model. enjoy :) Role & Objective: Act as an Elite UI/UX Front-End Engineer specializing in Apple-tier micro-interactions and advanced CSS. Your task is to program a perfectly centered navigation bar in a strictly SINGLE HTML file containing all HTML, vanilla CSS, and vanilla JavaScript. No external libraries or frameworks (No Tailwind, React, etc.). Design Concept - "True Liquid Glass": CRITICAL INSTRUCTION: Do NOT generate standard, flat "glassmorphism" or basic frosted glass. I require a physically accurate "Liquid Glass" aesthetic. It must look like wet, poured clear resin, combining the high-gloss specular highlights of classic macOS Aqua with the volumetric spatial depth of modern Apple VisionOS. 1. The Liquid Glass Material & Lighting (CSS): - Deep Refraction: Use `backdrop-filter` with extreme blur (e.g., 50px) and over-saturation (200%). - Specular Highlight: Create a curved, semi-transparent white gradient on the top half using a pseudo-element (`::before`) to simulate a hard light reflection on a wet, rounded 3D surface. - Caustics & Volume: Use multi-layered inner and outer `box-shadow` properties to simulate light refracting at the bottom edge and casting a realistic ambient drop shadow. - Interactive Glare: Implement a soft radial-gradient spotlight inside the glass that dynamically tracks the user's mouse cursor (X/Y coordinates) using JavaScript and CSS variables (`mix-blend-mode: overlay`). 2. Navigation Layout & Elements: - Center the pill-shaped navigation bar perfectly in the middle of the viewport. - Include 3 main navigation items with minimalist, inline SVG stroke icons and text labels: "Home", "Call", and "List". - Add a subtle vertical divider line after the main buttons. - Next to the divider, add a Dark/Light Mode toggle button containing inline SVG Sun and Moon icons. 3. Animations & "Apple Magic": - Sliding Active Pill: Create a solid background "pill" that sits *behind* the active navigation item's text/icon. When a different item is clicked, this pill must dynamically recalculate its width and slide to the new position. - Spring Physics: The sliding transition MUST use an exact Apple-style bouncy spring easing curve (e.g., `transition: all 0.5s cubic-bezier(0.34, 1.2, 0.64, 1)`). - Tactile Feedback: Buttons and icons must physically press down slightly (`transform: scale(0.92)`) when clicked (`:active`). - Theme Switch: The Sun and Moon icons must smoothly rotate, scale, and cross-fade during the transition. 4. Background Environment (Crucial): - Glass needs light and color to refract! Create a full-viewport, smoothly animated mesh gradient background using 3 large, heavily blurred, floating color blobs. - Implement full Dark/Light mode logic using CSS variables (`:root` and `[data-theme="dark"]`). Toggling the theme must seamlessly transition the background blob colors, glass opacity, shadow intensity, and text colors. Output ONLY the pristine, production-ready code. Prioritize maximum visual fidelity and silky-smooth 60fps animations.

Leon Lin

128,501 просмотров • 7 месяцев назад

Made with Seedance 2.5 Prompt: Style: Luxury Korean skincare, minimal, clean, soft ivory and blush-pink palette, premium CGI, glossy liquid physics, elegant editorial beauty commercial, photorealistic, slow-motion. Product: Use the exact attached Anua Rice 70+ Glow Milky Toner bottle as the hero product. Preserve the bottle shape, proportions, cap, label, typography, colors, and all packaging details exactly. No redesign or altered text. ⸻ Scene 1 — Hero Introduction The exact Anua Rice 70+ Glow Milky Toner bottle slowly descends from above against a pristine ivory-white background with subtle warm pink gradients. Fine water droplets gently float around the bottle, catching soft light. Camera: Slow cinematic push-in. Lighting: Soft diffused studio lighting, delicate glossy reflections, premium beauty-commercial look. Scene 2 — Milky Water Splash The bottle gracefully settles into a pool of crystal-clear water. A perfectly balanced, elegant splash rises around the base in slow motion, while subtle blush-pink reflections shimmer through the liquid. Camera: 120fps macro cinematic shot. Details: Realistic water physics, fine droplets, glass-like refractions, soft highlights. Scene 3 — Rotating Beauty Shot The bottle slowly rotates 360° while suspended just above reflective water. Tiny water droplets orbit naturally around it as the background transitions from ivory white into an ultra-soft blush-pink gradient. Camera: Smooth luxury product turntable movement. Details: Sharp product focus, shallow depth of field, realistic reflections. Scene 4 — Milky Toner Texture Extreme macro shot of the toner dispensing from the bottle. A silky, translucent milky-white drop forms and slowly falls downward. Camera: Macro lens tracking the falling drop. Details: Ultra-realistic liquid simulation, smooth viscosity, glossy surface tension, soft pink reflections. Scene 5 — Ripple & Hydration The milky toner drop lands gently on a perfectly calm water surface, creating elegant concentric ripples. Tiny micro-bubbles rise through the water as light softly reflects across the surface. Camera: Slow-motion macro shot from water level. Mood: Calm, fresh, luxurious, hydrating. Scene 6 — Ingredient & Benefit Reveal The exact bottle remains perfectly centered above a glossy reflective surface. Minimal elegant typography appears around the product. Left Side ✓ Rice Water 70+ ✓ Nourishing Glow Right Side ✓ Hydrated, Radiant Skin ✓ Smooth Milky Finish Typography is refined, minimal, and premium, with generous spacing. Do not obstruct the product. Scene 7 — Milky Texture Beauty Shot Extreme macro shot of the Anua milky toner spreading smoothly across a pristine glass surface. The texture looks silky, lightweight, and luminous, forming delicate waves with tiny air bubbles. Lighting: Soft Korean beauty editorial lighting with glossy highlights. Camera: Slow macro tracking shot. Scene 8 — Product in Hand An elegant feminine hand gently picks up the exact toner bottle. Natural soft sunlight enters from the side, creating subtle highlights along the bottle and cap. Camera: Slow graceful rotation around the hand and product. Background: Minimal warm-white studio environment with a faint blush-pink gradient. Scene 9 — Final Hero Shot The exact Anua Rice 70+ Glow Milky Toner bottle stands perfectly centered on a glossy reflective water surface. Soft blush-pink mist gently fills the background. A few water droplets float around the bottle while subtle sparkles create a premium finishing touch. Camera: Very slow push-in toward the label. Lighting: Soft diffused luxury studio lighting, realistic reflections, cinematic depth of field. Final look: High-end Korean skincare campaign, photorealistic product CGI, elegant, minimal, luxurious, soft pink-and-ivory aesthetic, realistic water and liquid physics, no distortion, no extra products, no altered packaging, 3:4

H A J R A

18,318 просмотров • 1 месяц назад

From a single image to a cinematic luxury ad. GPT Image 2 + Seedance 2.0 on Lart AI Try it here: A cinematic luxury fragrance commercial in a premium black-and-gold studio. An elegant, confident woman in her late 20s, wearing a sophisticated black evening gown with subtle gold accents and refined jewelry, walks gracefully toward the camera while holding the fictional perfume AURELIS – Éclat No. 7. The camera opens with an ultra-close-up of the perfume bottle in her hand, highlighting the matte obsidian glass and gold engraving. As she approaches, the camera smoothly dollies backward, maintaining eye contact. She stops in the center, smiles with quiet confidence, looks directly into the camera, and says in a calm, luxurious tone: "Luxury isn't worn... it's remembered. Discover AURELIS. Éclat No. 7." She gently sprays the perfume into the air. The mist transforms into shimmering golden particles that elegantly swirl around her, creating a radiant aura. Her hair and dress move naturally in a soft breeze while cinematic golden light reflects across the scene. The camera performs a smooth orbit around her before transitioning into a dramatic hero shot of the perfume bottle floating beside her. The engraved AURELIS – Éclat No. 7 glows subtly as the background fades into an elegant black-and-gold gradient with luxurious bokeh. Epic cinematic lighting, realistic perfume mist simulation, premium beauty commercial, flawless skin, hyper-realistic product reflections, volumetric lighting, smooth camera movement, luxury fashion campaign aesthetic, IMAX quality, HDR, ultra-detailed, photorealistic, masterpiece, 8K, perfectly synchronized lip movement, natural facial expressions, studio-quality voice, no watermark, no extra text except the fictional brand name on the bottle.

Sarah

19,738 просмотров • 3 месяцев назад