You can finally apply transitions on CSS display property.... 👀 Combining both transition behavior and starting style, Here's how it works:show more

📝 Solved by CSS Scroll-Driven Animations: hide a header... when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderanshow more

UI && CSS Tip! 🚀 You can use View... Transitions to create that Radix by WorkOS style theme switcher 👀 ::view-transition-new(root) { animation: reveal;} keyframes reveal { 0% { clip-path: polygon(...);} /* Code 👇 */ } Animate clip-path between modes 😍 CodePen.IO link below! 👇show more

kinda wild how far you can get with CSS... alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙show more

OpenAI has deployed interactive charts and tables in ChatGPT.... You can now interact with your data and process it with GPT-4o. Here's how it works and what you can do with it:show more

As of Chrome 131 you have more options to... style `<details>` and `<summary>`. You can now use of the `display` property on these elements, and also use a `::details-content` pseudo-element to style the part that expands and collapses.show more

super happy with how the new .navigation.zoom() is coming... along in screen transitions, here's how it looks on iOS and Androidshow more

On iOS 26, you can now directly apply the... matchedTransitionSource modifier to any ToolBarItems. Furthermore, presentation detents are also compatible with Zoom Transitions. (However, on iOS 18, presentationDetents will have no effect and will result in a full-screen cover behavior.) Eg: ToolBarItem {} . matchedTransitionSource(…)show more

CSS Tip! ✨ Did you know you can animate... CSS Grid tracks? 👀 ul:is(:hover,:focus-within) {--active: 1;} ul { grid-template-columns: auto repeat(3, calc(10px + (var(--active) * 100px))); transition: all 0.2s; } Adjust layouts based on interaction! 😎 CodePen.IO link below! 👇show more

💡CSS techniques: "The Backlight" Using a blur filter you... can create an elegant backlight (or a "smart shadow") effect for your images. In a pseudo-element: 1⃣ `inherit` a background 2️⃣ blur it 3⃣ put it behind the main element using z-index Here's how it works:show more

using CSS grid you can avoid width change in... the parent container whilst making it responsive 🤙 the trick: update and transition the grid-template-columns for the list on :focus/:hover ✨show more

We're happy to announce that you can now lock... your NFTs on Streamflow. The collectibles you own can be secured until a date you set upfront, not the moment you get impatient. Here's how it works ↓show more

Do you know about the filter property in CSS?... Among many other awesome options, it allows you to easily add a black and white effect on images.show more

Most platforms hide this from users. We think you... deserve to see it. For the first time, you can see exactly where you stand in DRiP's algorithm and what to do about it. Here's how it works 🧵show more

Btw you can always add the top/bottom fadeout effect... with a scrollable list just don't hardcore it Plus it does't need any Js just raw css and it works like charmshow more

🚨BREAKING: Domo AI just made video animation insanely easy.... You upload a static image or a clip, it animates it in your chosen style and can upscale it to 4K. Here’s how it works 👇show more

💸 Today we introduce vote-and-earn v2 💸 The first... voting tool to get you paid based on your conviction. The stronger your belief, the more you can earn—with *uncapped upside.* Here's how it works 👇 1/show more