Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Quick demo of this CSS-driven configuration coming in Tailwind CSS v4 — creating a new `font-comic` utility by just creating a new CSS variable under our new `@​theme` directive. No JS configuration file, all the same theme customization flexibility 🤩

adamwathan's profile picture

Adam Wathan

302,743 subscribers

95,439 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Meet CSS text-wrap: balance, a new CSS feature to help in having balanced headlines 🤩 Article: Demo (Chrome Canary only):
0:15

Meet CSS text-wrap: balance, a new CSS feature to help in having balanced headlines 🤩 Article: Demo (Chrome Canary only):

Ahmad Shadeed

89,048 Aufrufe • vor 3 Jahren

🎮 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🤩
0:17

🎮 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🤩

CSS by T. Afif

13,763 Aufrufe • vor 2 Jahren

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔
0:12

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,392 Aufrufe • vor 3 Jahren

Looks like Shopify just shipped a redesign! Built with Tailwind CSS 🤩
0:12

Looks like Shopify just shipped a redesign! Built with Tailwind CSS 🤩

Adam Wathan

451,774 Aufrufe • vor 3 Jahren

Added a glow feature to my shadcn cards with tailwind v4, no component duplication, just blendmode and css shananigans ✨
0:14

Added a glow feature to my shadcn cards with tailwind v4, no component duplication, just blendmode and css shananigans ✨

Dev Ed

61,377 Aufrufe • vor 1 Jahr

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 🔔
0:11

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 🔔

Surjith S M ✪

140,240 Aufrufe • vor 3 Jahren

Big news: A new marketing template has just arrived. ↳ Built with Next.js 15 & React 19 ↳ Tailwind CSS v4 beta and Motion ↳ Animated illustrations and grid layout Give it a spin:
0:17

Big news: A new marketing template has just arrived. ↳ Built with Next.js 15 & React 19 ↳ Tailwind CSS v4 beta and Motion ↳ Animated illustrations and grid layout Give it a spin:

tremor

10,993 Aufrufe • vor 1 Jahr

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 😉
0:12

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 😉

Surjith S M ✪

45,134 Aufrufe • vor 3 Jahren

We're cooking with Hubert 🧑🏼‍🍳 In the next version of Uniwind, you’ll be able to update any CSS variable for any theme ✨
0:10

We're cooking with Hubert 🧑🏼‍🍳 In the next version of Uniwind, you’ll be able to update any CSS variable for any theme ✨

Jacek

11,930 Aufrufe • vor 11 Monaten

💡 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 👇
0:11

💡 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 👇

CSS by T. Afif

35,659 Aufrufe • vor 2 Jahren

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. That’s all
0:12

Just made this, no JS, no libs. Just some HTML, CSS, SVG filters, and a couple textures. That’s all

Mike Bespalov

81,910 Aufrufe • vor 1 Jahr

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.
0:19

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.

Dan Hollick

44,226 Aufrufe • vor 2 Jahren

finally got around to updating my site to Next.js 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.
0:10

finally got around to updating my site to Next.js 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.

Stammy

72,584 Aufrufe • vor 1 Jahr

Pretty excited about this one :) Just a plain html file, css file, and a handful of lines of hand-rolled JS code. No build process. No frameworks. No libraries. Launching next week! 🚀
0:19

Pretty excited about this one :) Just a plain html file, css file, and a handful of lines of hand-rolled JS code. No build process. No frameworks. No libraries. Launching next week! 🚀

Drew Wilson

25,142 Aufrufe • vor 1 Jahr

Here's a clean, animated Tailwind CSS detail accordion with no javascript. Not sure if possible in v3, but so much easier with V4.
0:11

Here's a clean, animated Tailwind CSS detail accordion with no javascript. Not sure if possible in v3, but so much easier with V4.

Tony Lea

115,614 Aufrufe • vor 1 Jahr

Deployed the first Tailwind CSS v4-powered website to the internet this afternoon 🥳 Native cascade layers, `@​property` definitions, `color-mix()`, and variables galore 🤩
0:17

Deployed the first Tailwind CSS v4-powered website to the internet this afternoon 🥳 Native cascade layers, `@​property` definitions, `color-mix()`, and variables galore 🤩

Adam Wathan

91,538 Aufrufe • vor 2 Jahren

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 🔔
0:17

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 🔔

Surjith S M ✪

173,101 Aufrufe • vor 3 Jahren

Our recent design project is live. Meet the new look of Search Party. 3 months of work - branding, design, development, and motion. Powered, as usual, by Next.js and Tailwind CSS.
0:18

Our recent design project is live. Meet the new look of Search Party. 3 months of work - branding, design, development, and motion. Powered, as usual, by Next.js and Tailwind CSS.

Alex Barashkov

94,720 Aufrufe • vor 1 Jahr