Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

`autofill` on inputs is ugly by default the background bleed ruins the clean design systems, especially in dark mode. fixed it with a pure CSS inset shadow hack: autofill:shadow-[inset_0_0_0px_1000px_var(--color-background)] to force the background color and kill the native blue.

zenith

1,421 subscribers

83,551 views • 6 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Besides some built in animation presets in AwesomePost, you can also control the background color by matching it to the colors of the screen.

Besides some built in animation presets in AwesomePost, you can also control the background color by matching it to the colors of the screen.

Dmytro Chuta

18,590 views • 5 months ago

Really cool use case I found with Gemini Omni. The model can listen to commands in the video and make adjustments based off of these commands. > Change the color of the background to whatever color the subject in the video says.

Really cool use case I found with Gemini Omni. The model can listen to commands in the video and make adjustments based off of these commands. > Change the color of the background to whatever color the subject in the video says.

CHRIS FIRST

36,417 views • 2 months ago

🤜#TEKKEN8 Season 2 v2.04 Update Details🆓 📷Added photo mode “Color Mask” Set the background to any color, the possibilites are endless! We've introduced new ways to make Photo Mode more user-friendly! 🛠️ Use it to post on social media📱 or create thumbnails for videos!

🤜#TEKKEN8 Season 2 v2.04 Update Details🆓 📷Added photo mode “Color Mask” Set the background to any color, the possibilites are endless! We've introduced new ways to make Photo Mode more user-friendly! 🛠️ Use it to post on social media📱 or create thumbnails for videos!

TEKKEN

119,158 views • 1 year ago

Background Terminal is a big unlock for Codex. It opens so many possibilities by giving the agent more autonomy. In this video, the agent spins up a server in the background and is able to debug it meanwhile. Try it out in the experimental features!

Background Terminal is a big unlock for Codex. It opens so many possibilities by giving the agent more autonomy. In this video, the agent spins up a server in the background and is able to debug it meanwhile. Try it out in the experimental features!

Ahmed

64,165 views • 8 months ago

My greatest edge is having a Design, Mobile, Web and DevX background. It allows me to iterate to perfection, prototype and skip the design loop all together

My greatest edge is having a Design, Mobile, Web and DevX background. It allows me to iterate to perfection, prototype and skip the design loop all together

Chizi

58,017 views • 11 days ago

💡design tip: if you are building a new dark mode, and you are using subtle shadows throughout the app, you might see, that inverting the shadow is not going to work. ➡️instead, use a 0.5px/1px inset shadow for the elements that still need some depth on the app.

💡design tip: if you are building a new dark mode, and you are using subtle shadows throughout the app, you might see, that inverting the shadow is not going to work. ➡️instead, use a 0.5px/1px inset shadow for the elements that still need some depth on the app.

nick

19,498 views • 2 months ago

Xbox has started testing a new "immersive background mode" on Xbox Series X/S consoles. It fades away the Xbox Home UI so you can fully see your background. It's currently in testing with Xbox Insiders

Xbox has started testing a new "immersive background mode" on Xbox Series X/S consoles. It fades away the Xbox Home UI so you can fully see your background. It's currently in testing with Xbox Insiders

Tom Warren

212,089 views • 1 month ago

Peter Pan and Wendy flying is even more magical with Cinderella Castle in the background. Pure Disney magic. 👏

Peter Pan and Wendy flying is even more magical with Cinderella Castle in the background. Pure Disney magic. 👏

Drew Smith

15,183 views • 5 months ago

CSS Tip! 🤙 These buttons from Michaël are ace 🔥 But, how would you make them? 👀 You could use background-attachment: fixed and update a conic-gradient position depending on the interaction design 🤔 CodePen.IO link below! 👇

CSS Tip! 🤙 These buttons from Michaël are ace 🔥 But, how would you make them? 👀 You could use background-attachment: fixed and update a conic-gradient position depending on the interaction design 🤔 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

267,645 views • 3 years ago

good design is meant to give you a good feeling HIGHLY RECOMMEND you check out Suno's product page on App Store and scroll the screenshots on your phone... background magic the video doesn't do it justice, but it's so fucking clean

good design is meant to give you a good feeling HIGHLY RECOMMEND you check out Suno's product page on App Store and scroll the screenshots on your phone... background magic the video doesn't do it justice, but it's so fucking clean

Philip Carlson

15,553 views • 9 months ago

The backdrop not covering the status bar when opening a sheet on the web makes it feel... subpar compared to native. So in Silk I baked-in the ability to blend them together by automatically dimming the theme-color in sync with the backdrop opacity. Works with any color (for both the backdrop and the original theme-color), and with stacked backdrops. Only in Safari for now, as perf deteriorates in other browsers.

The backdrop not covering the status bar when opening a sheet on the web makes it feel... subpar compared to native. So in Silk I baked-in the ability to blend them together by automatically dimming the theme-color in sync with the backdrop opacity. Works with any color (for both the backdrop and the original theme-color), and with stacked backdrops. Only in Safari for now, as perf deteriorates in other browsers.

Bruno Stasse

25,801 views • 1 year ago

P2P Model (sd15_ip2p) "Make he ironman" The ironman suit is complex with a lot of lines and details but even so the model kept the coherence as best as it could without changing the background (only the color). Stable Diffusion #midjourney #ai #controlnet #animation #aiart

P2P Model (sd15_ip2p) "Make he ironman" The ironman suit is complex with a lot of lines and details but even so the model kept the coherence as best as it could without changing the background (only the color). Stable Diffusion #midjourney #ai #controlnet #animation #aiart

Mrboofy

10,171 views • 3 years ago

Introducing Background Ripple Effect - Click to see the ripple effect - Hover states - Dark and light mode - Good for backgrounds, hero sections and CTAs Available now on Aceternity UI

Introducing Background Ripple Effect - Click to see the ripple effect - Hover states - Dark and light mode - Good for backgrounds, hero sections and CTAs Available now on Aceternity UI

Manu Arora

12,322 views • 1 year ago

So I wanted to prove a point here It seems that whoever doesn’t finalize the trade, will then have their screen turn from a regular trade (blue background), to a lucky background; if the pokemon does indeed go lucky For reference, here is HTXOrbit and I’s trade

So I wanted to prove a point here It seems that whoever doesn’t finalize the trade, will then have their screen turn from a regular trade (blue background), to a lucky background; if the pokemon does indeed go lucky For reference, here is HTXOrbit and I’s trade

Shiny_KingT

63,430 views • 5 months ago

Hailuo MiniMax Design MiniMax Design (H3) MiniMax (official) Third Prototype - PASSED ✓ This time, I pushed it further GAUDÍ LIVING A playful furniture e-commerce UI inspired by the legendary Antoni Gaudí where every cursor hover transforms the furniture, typography, colors & motion graphics. Motion & Animations: Wiggle × Bounce × Scale Tip: Use standalone images for reference with light gray background and use hex code to lock the color. Prompt + Media below ↓

Hailuo MiniMax Design MiniMax Design (H3) MiniMax (official) Third Prototype - PASSED ✓ This time, I pushed it further GAUDÍ LIVING A playful furniture e-commerce UI inspired by the legendary Antoni Gaudí where every cursor hover transforms the furniture, typography, colors & motion graphics. Motion & Animations: Wiggle × Bounce × Scale Tip: Use standalone images for reference with light gray background and use hex code to lock the color. Prompt + Media below ↓

Shams

38,649 views • 20 days ago

Woman snarling or yearning on the other side of a window behind a man who is completely oblivious to her presence with Wish by 戚志 playing in the background

Woman snarling or yearning on the other side of a window behind a man who is completely oblivious to her presence with Wish by 戚志 playing in the background

📁

857,779 views • 2 months ago