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

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

На главную

Make your border blend with the background.

guerriero_se's profile picture

Sebastiano Guerriero

17,631 subscribers

114,575 просмотров • 3 дней назад •via X (Twitter)

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

Anya Rossi• Live Now

Private livecam show

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

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

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

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

breakin' down classics CSS background-image + background-blend-mode + custom properties = holo-like effects with parallax ✨
0:24

breakin' down classics CSS background-image + background-blend-mode + custom properties = holo-like effects with parallax ✨

jhey ʕ•ᴥ•ʔ

42,712 просмотров • 1 год назад

Blend Text to Background
0:23

Blend Text to Background

Photoshop Tricks!

46,515 просмотров • 1 год назад

How to Blend Background Colors of photos taken in the Studio
0:35

How to Blend Background Colors of photos taken in the Studio

Photoshop Tricks!

60,109 просмотров • 1 год назад

Border patrol hype video with Ozzy Osbourne song in the background? You’re welcome.
0:52

Border patrol hype video with Ozzy Osbourne song in the background? You’re welcome.

AmericanPapaBear

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

“the petals blend with your birthmark” SOMEONE PUT ME DOWN
0:23

“the petals blend with your birthmark” SOMEONE PUT ME DOWN

carly ★ met ateez!

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

CSS Trick! ⚡️ You can create gradient borders by using transparent borders 👀 No extra elements 🤙 article { background: // layer them up with different origin! linear-gradient(var(--bg), var(--bg)) padding-box, var(--gradient) border-box; border: 4px solid transparent; } The trick is to layer background images using different background-origin ⭐️ Then use a transparent border to define how thick the border is! padding-box positions a background relative to an element's padding. border-box positions a background relative to the border-box 🔥 The ✨magic✨ part? You get that nested radius for free 😅 Check out the exploded view in the video and have a play with different values in the demo 🎞️ CodePen.IO link below! 👇
0:33

CSS Trick! ⚡️ You can create gradient borders by using transparent borders 👀 No extra elements 🤙 article { background: // layer them up with different origin! linear-gradient(var(--bg), var(--bg)) padding-box, var(--gradient) border-box; border: 4px solid transparent; } The trick is to layer background images using different background-origin ⭐️ Then use a transparent border to define how thick the border is! padding-box positions a background relative to an element's padding. border-box positions a background relative to the border-box 🔥 The ✨magic✨ part? You get that nested radius for free 😅 Check out the exploded view in the video and have a play with different values in the demo 🎞️ CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

646,445 просмотров • 2 лет назад

★☆＝＝＝＝＝＝＝＝＝＝＝＝ Event Space Is Here In My Room Background! ＝＝＝＝＝＝＝＝＝＝＝＝☆★ You can customize the background‼️ Combine different parts, and make your own incredible background‼️ Show us what you made with a quote post‼️ #MHUR
0:41

★☆＝＝＝＝＝＝＝＝＝＝＝＝ Event Space Is Here In My Room Background! ＝＝＝＝＝＝＝＝＝＝＝＝☆★ You can customize the background‼️ Combine different parts, and make your own incredible background‼️ Show us what you made with a quote post‼️ #MHUR

MY HERO ULTRA RUMBLE

15,145 просмотров • 16 дней назад

talking slowly with a tiktok sound in the background doesn’t make your point legit Henry is the greatest. Its not even a debate.
0:40

talking slowly with a tiktok sound in the background doesn’t make your point legit Henry is the greatest. Its not even a debate.

‏ً

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

Stealing from your friend is crazy work, but with that song playing in the background? That should make you feel horrible 😭
1:26

Stealing from your friend is crazy work, but with that song playing in the background? That should make you feel horrible 😭

Ersin

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

Lmfao. Border Patrol agents are pulling up in vehicles with painted on Mexican flags in Chicago to blend in with the protesters. I voted so hard for this.
0:34

Lmfao. Border Patrol agents are pulling up in vehicles with painted on Mexican flags in Chicago to blend in with the protesters. I voted so hard for this.

johnny maga

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

The easiest cake to make ~ Just blend and bake
3:00

The easiest cake to make ~ Just blend and bake

Fit_Fusion

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

Move your phone with me~ I love to make videos like this 😇 (This was early in the morning, the background noises are birds🐦‍⬛) Check the comments!
0:45

Move your phone with me~ I love to make videos like this 😇 (This was early in the morning, the background noises are birds🐦‍⬛) Check the comments!

🌹 🌙 NightFlower🌙 🌹

31,663 просмотров • 1 год назад

Border Patrol agents cut the wire for migrants to enter through the southern border unhindered. Make this make sense.
0:45

Border Patrol agents cut the wire for migrants to enter through the southern border unhindered. Make this make sense.

Ian Miles Cheong

10,960,230 просмотров • 2 лет назад

Your background doesn't define your future your hustle does. It started with a simple request for a phone and grew into a lens for the world. Don’t let your current circumstances limit your vision. Keep creating, keep growing, and make your mark.
1:31

Your background doesn't define your future your hustle does. It started with a simple request for a phone and grew into a lens for the world. Don’t let your current circumstances limit your vision. Keep creating, keep growing, and make your mark.

Chandana 🌻✨

59,263 просмотров • 9 дней назад

absolutely love chuu’s choreography they always make perfect use of her dancers so they don’t just blend into the background but actually feel apart of the performance in way that still highlights chuu. it can be hard to make soloist choreo interesting but they nail it for her EVERY TIME
1:45

absolutely love chuu’s choreography they always make perfect use of her dancers so they don’t just blend into the background but actually feel apart of the performance in way that still highlights chuu. it can be hard to make soloist choreo interesting but they nail it for her EVERY TIME

bri ✩

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

Make the Border Great Again!
0:27

Make the Border Great Again!

Gunther Eagleman™

893,874 просмотров • 2 лет назад

CSS Trick! 🤙 You can create gradient borders on translucent elements using mask-clip and mask-composite with a pseudo-element 🔥 .gradient-border::after { mask-clip: padding-box, border-box; mask-composite: intersect; mask: linear-gradient(transparent, transparent), linear-gradient(white, white); } It's the same "Transparent border trick" from before. But, now you apply it to a pseudo-element 😎 The trick is to create a pseudo-element with a gradient background and then mask it so we only see the part we want, the border ✨ mask-clip defines the area affected by a mask. Similar to how you can define background-size. Using padding-box and border-box constrains the two masks. mask-composite is the magic part ✨ It defines a compositing operation for stacked mask layers. Using intersect means that the parts that overlap get replaced. And this seems to work in all browsers 🙌 As for the rest of the styles... – Make sure you set pointer-events: none on the pseudo-element – Make sure it fills the parent element. You can use position: absolute and inset: 0 – Make sure the background fills the space including the border-width. You can use calc to achieve that: --bg-size: calc(100% + (2px * var(--border))); background: var(--gradient) center center / var(--bg-size) var(--bg-size); That's it! 🚀 Gradient borders on translucent elements. You can set all the backdrop-filter: blur() you like! 😅 CodePen.IO link below! 👇
0:37

CSS Trick! 🤙 You can create gradient borders on translucent elements using mask-clip and mask-composite with a pseudo-element 🔥 .gradient-border::after { mask-clip: padding-box, border-box; mask-composite: intersect; mask: linear-gradient(transparent, transparent), linear-gradient(white, white); } It's the same "Transparent border trick" from before. But, now you apply it to a pseudo-element 😎 The trick is to create a pseudo-element with a gradient background and then mask it so we only see the part we want, the border ✨ mask-clip defines the area affected by a mask. Similar to how you can define background-size. Using padding-box and border-box constrains the two masks. mask-composite is the magic part ✨ It defines a compositing operation for stacked mask layers. Using intersect means that the parts that overlap get replaced. And this seems to work in all browsers 🙌 As for the rest of the styles... – Make sure you set pointer-events: none on the pseudo-element – Make sure it fills the parent element. You can use position: absolute and inset: 0 – Make sure the background fills the space including the border-width. You can use calc to achieve that: --bg-size: calc(100% + (2px * var(--border))); background: var(--gradient) center center / var(--bg-size) var(--bg-size); That's it! 🚀 Gradient borders on translucent elements. You can set all the backdrop-filter: blur() you like! 😅 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

269,739 просмотров • 2 лет назад

Ready to make your avatar as expressive as you? The Facial Tracker for VIVE Focus Series will blow your mind. With 38 blend shapes, 60Hz refresh, and full-face tracking, your virtual self can finally smile, wink, or stick out your tongue, just like the real thing. #VIVE #XR
0:49

Ready to make your avatar as expressive as you? The Facial Tracker for VIVE Focus Series will blow your mind. With 38 blend shapes, 60Hz refresh, and full-face tracking, your virtual self can finally smile, wink, or stick out your tongue, just like the real thing. #VIVE #XR

HTC VIVE

72,759 просмотров • 1 год назад

How to fix your photo background with INSHOT
1:26

How to fix your photo background with INSHOT

Kaosar Salam ✨

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

tried a little something with the background to make up for my lack of rigging 2D #sonadow #Shadonic
0:21

Sensitive content

tried a little something with the background to make up for my lack of rigging 2D #sonadow #Shadonic

ᵀˢᵘ

73,057 просмотров • 1 год назад