`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.show more

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

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.show more

🤜#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!show more

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!show more

💡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.show more

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 Insidersshow more

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

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! 👇show more

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 cleanshow more

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.show more

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 #aiartshow more

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 UIshow more

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 tradeshow more

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 backgroundshow more

Hold up, here is the prompt: works with almost... any model. enjoy :) Role & Objective: Act as an Elite UI/UX Front-End Engineer specializing in Apple-tier micro-interactions and advanced CSS. Your task is to program a perfectly centered navigation bar in a strictly SINGLE HTML file containing all HTML, vanilla CSS, and vanilla JavaScript. No external libraries or frameworks (No Tailwind, React, etc.). Design Concept - "True Liquid Glass": CRITICAL INSTRUCTION: Do NOT generate standard, flat "glassmorphism" or basic frosted glass. I require a physically accurate "Liquid Glass" aesthetic. It must look like wet, poured clear resin, combining the high-gloss specular highlights of classic macOS Aqua with the volumetric spatial depth of modern Apple VisionOS. 1. The Liquid Glass Material & Lighting (CSS): - Deep Refraction: Use `backdrop-filter` with extreme blur (e.g., 50px) and over-saturation (200%). - Specular Highlight: Create a curved, semi-transparent white gradient on the top half using a pseudo-element (`::before`) to simulate a hard light reflection on a wet, rounded 3D surface. - Caustics & Volume: Use multi-layered inner and outer `box-shadow` properties to simulate light refracting at the bottom edge and casting a realistic ambient drop shadow. - Interactive Glare: Implement a soft radial-gradient spotlight inside the glass that dynamically tracks the user's mouse cursor (X/Y coordinates) using JavaScript and CSS variables (`mix-blend-mode: overlay`). 2. Navigation Layout & Elements: - Center the pill-shaped navigation bar perfectly in the middle of the viewport. - Include 3 main navigation items with minimalist, inline SVG stroke icons and text labels: "Home", "Call", and "List". - Add a subtle vertical divider line after the main buttons. - Next to the divider, add a Dark/Light Mode toggle button containing inline SVG Sun and Moon icons. 3. Animations & "Apple Magic": - Sliding Active Pill: Create a solid background "pill" that sits *behind* the active navigation item's text/icon. When a different item is clicked, this pill must dynamically recalculate its width and slide to the new position. - Spring Physics: The sliding transition MUST use an exact Apple-style bouncy spring easing curve (e.g., `transition: all 0.5s cubic-bezier(0.34, 1.2, 0.64, 1)`). - Tactile Feedback: Buttons and icons must physically press down slightly (`transform: scale(0.92)`) when clicked (`:active`). - Theme Switch: The Sun and Moon icons must smoothly rotate, scale, and cross-fade during the transition. 4. Background Environment (Crucial): - Glass needs light and color to refract! Create a full-viewport, smoothly animated mesh gradient background using 3 large, heavily blurred, floating color blobs. - Implement full Dark/Light mode logic using CSS variables (`:root` and `[data-theme="dark"]`). Toggling the theme must seamlessly transition the background blob colors, glass opacity, shadow intensity, and text colors. Output ONLY the pristine, production-ready code. Prioritize maximum visual fidelity and silky-smooth 60fps animations.show more