Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Hour 97/100 learning motion Light gradient + progressive blur > black background + opacity

vaunblu's profile picture

Vaun Blu

5,280 subscribers

31,696 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Hour 94/100 learning motion Would you track your finances in this app?
0:14

Hour 94/100 learning motion Would you track your finances in this app?

Vaun Blu

55,973 Aufrufe • vor 1 Jahr

Hour 100/100 learning motion Made with React and Tailwind Interaction and design inspired by @KumailNanji
0:13

Hour 100/100 learning motion Made with React and Tailwind Interaction and design inspired by @KumailNanji

Vaun Blu

81,675 Aufrufe • vor 1 Jahr

Hour 56.5/100: Learning Framer Motion Made with React and Tailwind Design inspired by Arkady
0:10

Hour 56.5/100: Learning Framer Motion Made with React and Tailwind Design inspired by Arkady

Vaun Blu

92,193 Aufrufe • vor 1 Jahr

Background Gradient
0:16

Background Gradient

Ali Reza

37,500 Aufrufe • vor 2 Jahren

Need a gradient border? Use CSS background-clip 🤙 input { background: linear-gradient(canvas, canvas), linear-gradient(120deg, hsl(278, 44%, 73%), hsl(35, 81%, 73%) ); border: 4px solid transparent; background-clip: padding-box, border-box; }
0:18

Need a gradient border? Use CSS background-clip 🤙 input { background: linear-gradient(canvas, canvas), linear-gradient(120deg, hsl(278, 44%, 73%), hsl(35, 81%, 73%) ); border: 4px solid transparent; background-clip: padding-box, border-box; }

jhey ʕ•ᴥ•ʔ

82,376 Aufrufe • vor 2 Jahren

Casting icon shadows with progressive blur.
0:17

Casting icon shadows with progressive blur.

Camden @ Designownow

140,126 Aufrufe • vor 1 Jahr

Black hair and light eyes >>>
0:15

Black hair and light eyes >>>

GirlsInFrames

22,595 Aufrufe • vor 2 Monaten

Liquid Glass + Progressive Blur = 🤓 Made in Spline Hana
0:13

Liquid Glass + Progressive Blur = 🤓 Made in Spline Hana

Spline

20,229 Aufrufe • vor 9 Monaten

Cursed motion blur #b3d #geometrynodes
0:14

Cursed motion blur #b3d #geometrynodes

Cartesian Caramel

152,969 Aufrufe • vor 10 Monaten

circular carousel v6————added proper css mapping based on angle (here blur + opacity) + experiments with css 3d transforms
0:10

circular carousel v6————added proper css mapping based on angle (here blur + opacity) + experiments with css 3d transforms

daniel petho

22,922 Aufrufe • vor 9 Monaten

> Epic fight scene of soldiers vs a giant Sandworm. High action, motion blur, intense cinematic shaky camera. FPV of the soldier
0:10

> Epic fight scene of soldiers vs a giant Sandworm. High action, motion blur, intense cinematic shaky camera. FPV of the soldier

Luis Catacora

85,693 Aufrufe • vor 7 Monaten

The Animated gradient background works so well for our recent landing page design project.
0:12

The Animated gradient background works so well for our recent landing page design project.

Basit A. Khan

30,423 Aufrufe • vor 9 Monaten

Here's a version with PS2 style motion blur
0:16

Here's a version with PS2 style motion blur

Rem // Kowloon's Curse

90,856 Aufrufe • vor 2 Jahren

"Background blur", but with chromatic aberration. Made in Rive
0:16

"Background blur", but with chromatic aberration. Made in Rive

Dimitri Novikov 🇺🇦

64,507 Aufrufe • vor 1 Jahr

A Dream Of Wagashi = 256 layers of Japanese Gradients + Figma Progressive Layer Blur
0:14

A Dream Of Wagashi = 256 layers of Japanese Gradients + Figma Progressive Layer Blur

Nuevo.Tokyo™

43,095 Aufrufe • vor 1 Jahr

Amazing motion background using after effects
0:18

Amazing motion background using after effects

Premiere Pro Tricks!

13,306 Aufrufe • vor 9 Monaten

iOS 27 removes the progressive blur effect at the top of the screen while scrolling.
0:13

iOS 27 removes the progressive blur effect at the top of the screen while scrolling.

Beta Profiles

1,043,129 Aufrufe • vor 3 Tagen

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.
0:15

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,100 Aufrufe • vor 3 Monaten