Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Make your border blend with the background.

guerriero_se's profile picture

Sebastiano Guerriero

17,631 subscribers

114,575 görüntüleme • 3 gün önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 yıl önce

Blend Text to Background
0:23

Blend Text to Background

Photoshop Tricks!

46,515 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 10 ay önce

“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 görüntüleme • 10 ay önce

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 görüntüleme • 2 yıl önce

★☆＝＝＝＝＝＝＝＝＝＝＝＝ 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 görüntüleme • 16 gün önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 7 ay önce

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

The easiest cake to make ~ Just blend and bake

Fit_Fusion

53,084 görüntüleme • 9 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 9 gün önce

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 görüntüleme • 5 ay önce

Make the Border Great Again!
0:27

Make the Border Great Again!

Gunther Eagleman™

893,874 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

How to fix your photo background with INSHOT
1:26

How to fix your photo background with INSHOT

Kaosar Salam ✨

18,647 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce