正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Having a fun Saturday morning playing with Tailwind CSS v4 Beta 😊 Here are a few cool new things you can do: 🪄 CSS only modals 🎨 Starting style variants 🪟 Perspective transforms

Tony Lea

7,859 subscribers

52,153 次观看 • 1 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 条评论

Manikanta Srivishnu(msv) 的头像

Manikanta Srivishnu(msv)1 年前

@tailwindcss do you make a tailwind course?

Tony Lea 的头像

Tony Lea1 年前

@tailwindcss I don’t, but maybe I will 🤔

Shruti Balasa 的头像

Shruti Balasa1 年前

@tailwindcss Super cool!!

Tony Lea 的头像

Tony Lea1 年前

@tailwindcss Thanks Shruti 🙏 Dig all your stuff as well ☺️

Radek Podrázký 🇨🇿 的头像

Radek Podrázký 🇨🇿1 年前

@tailwindcss Looks awesome. Mind you share the code?

Tony Lea 的头像

Tony Lea1 年前

@tailwindcss Sure thing 😉 threw it up on a repo here:

@iprodan.dev 🦋 的头像

@iprodan.dev 🦋1 年前

@tailwindcss Idk, tailwind is awesome , but everyone who’s using these new css animations for the first time, should do them “manually”, to understand what is what. Cool video though 👍

Morgan Linton (hiring) 的头像

Morgan Linton (hiring)1 年前

@tailwindcss Love it - sooooo clean ✨

psycarlo 🍷⚡️ 的头像

psycarlo 🍷⚡️1 年前

@tailwindcss This is quite huge, ngl

Saïd Aitmbarek 的头像

Saïd Aitmbarek1 年前

@tailwindcss really cool modal 3d effect, is that part of the new tailwind anim commands?

相关视频

This week, Gabriel Perales 🤓 and I worked together on a tool for Tailwind CSS users. The tool lets you easily create grids for your Tailwind CSS projects, perfect for generating bento-style grids! It supports Tailwind CSS v3/v4 —

This week, Gabriel Perales 🤓 and I worked together on a tool for Tailwind CSS users. The tool lets you easily create grids for your Tailwind CSS projects, perfect for generating bento-style grids! It supports Tailwind CSS v3/v4 —

Michael Andreuzza

69,404 次观看 • 1 年前

✨ Tailwind CSS v4.0 is here! Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @starting-style support… …and tons, tons more.

✨ Tailwind CSS v4.0 is here! Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @starting-style support… …and tons, tons more.

Adam Wathan

507,442 次观看 • 1 年前

Tailwind Tip #5 ✨ You can use ":invalid" pseudo class to create a pure css Tailwind CSS form validation without javascript. View code 👇 (5/30) follow for 25 more tips 😊

Tailwind Tip #5 ✨ You can use ":invalid" pseudo class to create a pure css Tailwind CSS form validation without javascript. View code 👇 (5/30) follow for 25 more tips 😊

Surjith S M ✪

169,318 次观看 • 3 年前

Released a new Tailwind CSS template today 🫣

Released a new Tailwind CSS template today 🫣

Adam Wathan

180,259 次观看 • 3 年前

Tailwind CSS Tip ✨ You can create a multi-level dropdown menu using Tailwind CSS without javascript. Live demo / copy code ↓ (15/30) follow for 15 more tips 🔔

Tailwind CSS Tip ✨ You can create a multi-level dropdown menu using Tailwind CSS without javascript. Live demo / copy code ↓ (15/30) follow for 15 more tips 🔔

Surjith S M ✪

222,578 次观看 • 3 年前

Little whirlwind tour of some theme customization workflows in Tailwind CSS v4 🌪️

Little whirlwind tour of some theme customization workflows in Tailwind CSS v4 🌪️

Adam Wathan

65,421 次观看 • 2 年前

Tailwind v4 killed the config file 😳 Now, it's just CSS variables. Here's why that's awesome

Tailwind v4 killed the config file 😳 Now, it's just CSS variables. Here's why that's awesome

Ben Holmes

86,978 次观看 • 1 年前

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.

Mattia

163,355 次观看 • 2 年前

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

HeroUI

549,301 次观看 • 7 个月前

Because tailwind_compiler is written in Zig I can build an in-browser compiler pretty easily by targeting Wasm. Here is a demo Try for yourself: The full Tailwind CSS v4 tailwind_compiler is a 122kb Wasm asset

Because tailwind_compiler is written in Zig I can build an in-browser compiler pretty easily by targeting Wasm. Here is a demo Try for yourself: The full Tailwind CSS v4 tailwind_compiler is a 122kb Wasm asset

Brian Cardarella

13,932 次观看 • 6 个月前

Making a ✨stacked✨ avatar list using maskImage. Works against any transparent background!! Using Tailwind CSS v4. Recorded and edited using

Alfon

39,466 次观看 • 1 年前

🔥 Tailwind Tip 🔥 Create a "color background split" effect with CSS Grid. It greatly simplifies the spacing adjustment gymnastics you need to do when using transforms to translate your element across both sections ✨

🔥 Tailwind Tip 🔥 Create a "color background split" effect with CSS Grid. It greatly simplifies the spacing adjustment gymnastics you need to do when using transforms to translate your element across both sections ✨

Simon Vrachliotis

127,870 次观看 • 3 年前

Created this fully "accessible" dropdown using pure Tailwind CSS 🤩 × No javascript × No custom styles Can you guess which CSS property is this?

Created this fully "accessible" dropdown using pure Tailwind CSS 🤩 × No javascript × No custom styles Can you guess which CSS property is this?

Surjith S M ✪

169,726 次观看 • 3 年前

riffin' on forms is fun 3D CSS transforms + SVG filtering with feDisplacementMap 🤙

riffin' on forms is fun 3D CSS transforms + SVG filtering with feDisplacementMap 🤙

jhey ʕ•ᴥ•ʔ

27,241 次观看 • 1 年前

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣

Adam Wathan

91,700 次观看 • 2 年前

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Ibelick

27,854 次观看 • 1 年前

Titan - a fullstack Next.js 15 template - Auth: Better Auth - ORM: Drizzle ORM - DB: Neon Postgres - UI: shadcn ui & Tailwind CSS v4 check here: titan[dot]rdsx[dot]dev

Titan - a fullstack Next.js 15 template - Auth: Better Auth - ORM: Drizzle ORM - DB: Neon Postgres - UI: shadcn ui & Tailwind CSS v4 check here: titan[dot]rdsx[dot]dev

rds

68,319 次观看 • 1 年前

✨ Just published a new Tailwind CSS template! Commit is a beautiful changelog template, built with Next.js, MDX, and a dash of Motion One.

✨ Just published a new Tailwind CSS template! Commit is a beautiful changelog template, built with Next.js, MDX, and a dash of Motion One.

Adam Wathan

192,349 次观看 • 3 年前