💡 CSS Tip! Do you know that One-Time password... field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.show more

Tailwind CSS Tip ✨ You can create a floating... input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔show more

💡 CSS Tip! Get the scroll progress of the... page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @​property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇show more

Tip: *only* using CSS you can apply styles to... a number input conditionally depending on whether its value is within our out of range 🤯show more

Tailwind CSS Tip ✨ You can create some cool... looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔show more

Tailwind CSS Tip (24/30) ✨ You can create a... transparent text effect in Tailwind CSS using (•••••••••••) Guess the CSS Property. You can use this Play Link as a starter: Answer will be shared later today 😉show more

💡 CSS Tip! Two circles, one arrow, and CSS... magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.show more

With a few lines of CSS, you can send... your loved one this heartbeat animation on Valentine's. 💜 Live previewshow more

🎮 New CSS Game! What about a CSS game... that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩show more

How to create a Simple Sushi 🍣 Restaurant Landing... Page. I’ll provide you with the HTML, CSS, and JavaScript code snippets to build it step by step.show more

💡 Do you know about the `clip` value? In... CSS, we can clip a container along a single axis by using the `clip` value. Learn more in this interactive article about the `clip` value:show more

Install it with your agent in <5 minutes now:... <>Go to the site <>Input your URL, and <>You can even connect a product catalog to inject real-time information Try it now:show more

A fun update to Claude Code (2.1.217) Slack-style emoji... shortcodes now work in the prompt input so :heart: → ❤️, and partials like :hea pop suggestions as you type. You can control via the emojiCompletionEnabled setting.show more

fun little drag control for a side project i’m... tinkering on i’ve seen a few versions of this around and wanted an excuse to make one myself a few details: overdrag, the notch fades as you scrub over the values, text inverts to stay legible, and there’s even a color-adaptive input fieldshow 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

here's how you can create videos with full camera... control using Krea Agent: - take an input image and ask the agent to create a 3D scene with it. - after the scene is created, ask it to create any camera movement you want. - finally, ask it to render the 3D video with Seedance 2.5. try it now 👇show more

CSS is mind-blowing 🤯 Browser does what it can... to keep the menus in view. Even when you scroll. Zero JavaScript (Aside from the Draggable part) This is the important HTML 👇 (anchor) <button id="trigger" popovertarget="menu"> <div popover="auto" id="menu" anchor="trigger">show more

seedance video cloning is so good you can create... 100s of versions of the same ad in a few minutes and test different geo/demographic video with text is the original oneshow more

a well-known iOS Safari quirk is that inputs with... a font-size <16px trigger an auto-zoom on focus using 16px is probably the best solution, but it can feel a bit heavy in tight UIs a clever workaround is to keep the font-size at 16px and scale the input down with CSS!show more

oh my.. this is over for developers Gemini 3... can create interactive 3D webpage in mins, just a few simple text prompts, it generates all the code you can control millions of particles with your hands and make them form any shape you want tutorial and prompts below:show more