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

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

На главную

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

vaunblu's profile picture

Vaun Blu

5,548 subscribers

31,781 просмотров • 1 год назад •via X (Twitter)

Наука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

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

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

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

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

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 просмотров • 1 год назад

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

Hour 100/100 learning motion Made with React and Tailwind Interaction and design inspired by Kumail Nanji

Vaun Blu

81,814 просмотров • 1 год назад

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,284 просмотров • 2 лет назад

Black hair and light eyes >>>
0:15

Black hair and light eyes >>>

GirlsInFrames

23,034 просмотров • 5 месяцев назад

> 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 просмотров • 11 месяцев назад

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,887 просмотров • 6 месяцев назад

97 MPH serve, day 1 >>>> Decided to give my new speed gun a test drive. Serves in the 90s all day long. 100 mph? See you soon 😉
0:11

97 MPH serve, day 1 >>>> Decided to give my new speed gun a test drive. Serves in the 90s all day long. 100 mph? See you soon 😉

Buck Sexton

311,429 просмотров • 1 год назад

I’ve seen a handful of apps using progressive blurs to transition content off-screen or behind elements and they often end up looking messy and making the exiting content a focal point. One way you can avoid this and still make a nice transition is to reduce the max blur radius, and combine it with a gradient fade-out.
0:19

I’ve seen a handful of apps using progressive blurs to transition content off-screen or behind elements and they often end up looking messy and making the exiting content a focal point. One way you can avoid this and still make a nice transition is to reduce the max blur radius, and combine it with a gradient fade-out.

Gavin Nelson

116,839 просмотров • 1 год назад

Stitching a UFO video into a panorama makes it easier to see the overall apparent motion of the object (a black dot, starting in the lower right). But it also magnifies the parallax illusion, as the static background makes the camera motion less apparent.
0:19

Stitching a UFO video into a panorama makes it easier to see the overall apparent motion of the object (a black dot, starting in the lower right). But it also magnifies the parallax illusion, as the static background makes the camera motion less apparent.

Mick West

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

Midjourney Video → Keyframes Released. It also works with "extend." PROCESS: 01. Generate original image 02. Remove background. 03. Regenerate background. 04. Add both images as keyframes 05. Extend and continue. (More Details in thread) VIDEO PROMPT: Side profile tracking shot of a matte green Land Rover Defender driving from a [environment1] into a [environment2]. Smooth cinematic transition. [ENV1] blurs into a [ENV2]. Motion blur on car wheels. [LIGHTING1] replaces [LIGHTING2]. Steady camera on vehicle, looping seamless movement --motion high #midjourney #promptshare
0:18

Midjourney Video → Keyframes Released. It also works with "extend." PROCESS: 01. Generate original image 02. Remove background. 03. Regenerate background. 04. Add both images as keyframes 05. Extend and continue. (More Details in thread) VIDEO PROMPT: Side profile tracking shot of a matte green Land Rover Defender driving from a [environment1] into a [environment2]. Smooth cinematic transition. [ENV1] blurs into a [ENV2]. Motion blur on car wheels. [LIGHTING1] replaces [LIGHTING2]. Steady camera on vehicle, looping seamless movement --motion high #midjourney #promptshare

Rory Flynn

57,165 просмотров • 1 год назад

[ PROJECT_0/1 ] [#########-----------] 47% Memory ID: 2147483642
0:18

[ PROJECT_0/1 ] [#########-----------] 47% Memory ID: 2147483642

kamome sano

13,674 просмотров • 9 месяцев назад

Police chased Britney Spears for over an hour. Police 911 call: “A black sedan, erratic braking, swerving and driving with no tail light.” An unknown substance was also found in her vehicle.
0:14

Police chased Britney Spears for over an hour. Police 911 call: “A black sedan, erratic braking, swerving and driving with no tail light.” An unknown substance was also found in her vehicle.

AlphaFox

56,289 просмотров • 6 месяцев назад

🚨PromptShare🚨 Badass prompt with #klingai 2.6 PROMPT A whip pan across a bustling street suddenly crashes to a halt on a woman’s face in slow motion — her eyes widen, breath caught mid-gasp. The background fades into blur as the camera zooms in rapidly, then floats into a hyper-slow-motion macro on her dilated pupils. Reflections of distant city shimmer in her iris. Adrenaline, time dilation, action-suspense vibe.
0:10

🚨PromptShare🚨 Badass prompt with #klingai 2.6 PROMPT A whip pan across a bustling street suddenly crashes to a halt on a woman’s face in slow motion — her eyes widen, breath caught mid-gasp. The background fades into blur as the camera zooms in rapidly, then floats into a hyper-slow-motion macro on her dilated pupils. Reflections of distant city shimmer in her iris. Adrenaline, time dilation, action-suspense vibe.

Pierrick Chevallier | IA

11,589 просмотров • 9 месяцев назад

100-200 km/h 5.3sec ☄️ GT Black Series #mercedes #benz #amg #gt #v8 #turbo #speed #blonde #beauty #car #girl #baddie #fyp
0:18

100-200 km/h 5.3sec ☄️ GT Black Series #mercedes #benz #amg #gt #v8 #turbo #speed #blonde #beauty #car #girl #baddie #fyp

Louisa

12,058 просмотров • 1 год назад

Shine animations in CSS are actually simple to make. .shine-container { position: relative; overflow: hidden; } .shine-container::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.25), transparent ); animation: shine 1.5s infinite; } KEYframe Galaxy Studios shine { 100% { transform: translateX(100%); } } Now you have a reusable shine effect, that you can reuse in any container! If you found this useful, follow for more. ❤️
0:16

Shine animations in CSS are actually simple to make. .shine-container { position: relative; overflow: hidden; } .shine-container::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.25), transparent ); animation: shine 1.5s infinite; } KEYframe Galaxy Studios shine { 100% { transform: translateX(100%); } } Now you have a reusable shine effect, that you can reuse in any container! If you found this useful, follow for more. ❤️

Ali

10,804 просмотров • 4 месяцев назад