Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

tnylea's profile picture

Tony Lea

7,876 subscribers

115,614 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

60,593 görüntüleme • 1 yıl önce

Tailwind Tweak #6 Learn how to do custom form validation with Tailwind CSS, no JavaScript required. 🪄 Code: Don't forget to follow for daily tweaks!🫶🏻
0:12

Tailwind Tweak #6 Learn how to do custom form validation with Tailwind CSS, no JavaScript required. 🪄 Code: Don't forget to follow for daily tweaks!🫶🏻

Namya @ Supafast

57,316 görüntüleme • 3 yıl önce

Responsive profile UI with animated tabs with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻
0:13

Responsive profile UI with animated tabs with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

14,508 görüntüleme • 11 ay önce

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.
0:15

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Ibelick

88,945 görüntüleme • 2 yıl önce

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇
0:11

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇

Steven Tey

472,799 görüntüleme • 2 yıl önce

You can make elements smoothly animate between pages with just two lines of CSS. No JavaScript needed. Here's how 👇
0:13

You can make elements smoothly animate between pages with just two lines of CSS. No JavaScript needed. Here's how 👇

Victor

22,216 görüntüleme • 1 ay önce

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,114 görüntüleme • 1 yıl önce

created this animated vestaboard, made using Next.js and Tailwind CSS
0:11

created this animated vestaboard, made using Next.js and Tailwind CSS

OPM

12,995 görüntüleme • 7 ay önce

5 sites for web developers - React CSS components - Full-stack app hosting (JavaScript, PHP, Python...) - Tailwind CSS library - SVG logos - Typescript UI
0:12

5 sites for web developers - React CSS components - Full-stack app hosting (JavaScript, PHP, Python...) - Tailwind CSS library - SVG logos - Typescript UI

Csaba Kissi

31,129 görüntüleme • 7 ay önce

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,714 görüntüleme • 3 yıl önce

I don't think its usable but it was a fun little experiment built with Three.js Motion Tailwind CSS and Next.js
0:15

I don't think its usable but it was a fun little experiment built with Three.js Motion Tailwind CSS and Next.js

Manu Arora

25,757 görüntüleme • 5 ay önce

Card Splitting Accordion Interaction ✧ Made with Tailwind and Motion React. Inspired by Nitish Khagwal
0:17

Card Splitting Accordion Interaction ✧ Made with Tailwind and Motion React. Inspired by Nitish Khagwal

LN

14,072 görüntüleme • 1 yıl önce

¡Tremenda colección de botones para mejorar tu web! De copiar y pegar, sin JavaScript y con Tailwind CSS →
0:16

¡Tremenda colección de botones para mejorar tu web! De copiar y pegar, sin JavaScript y con Tailwind CSS →

Miguel Ángel Durán

49,324 görüntüleme • 2 yıl önce

Stripe's Black Friday dashboard is built with Tailwind CSS 🥳
0:12

Stripe's Black Friday dashboard is built with Tailwind CSS 🥳

Adam Wathan

97,661 görüntüleme • 2 yıl önce

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!
0:16

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

CSS by T. Afif

57,924 görüntüleme • 9 ay önce

i'm late to this but CSS Minecraft (by Benjamin Aster) is the coolest CSS hack i've ever seen and it's not close. what a feat. there's no javascript on this page!!
0:16

i'm late to this but CSS Minecraft (by Benjamin Aster) is the coolest CSS hack i've ever seen and it's not close. what a feat. there's no javascript on this page!!

nolen

277,544 görüntüleme • 1 yıl önce

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻
0:10

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

13,836 görüntüleme • 10 ay önce

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,050 görüntüleme • 3 yıl önce

if you need some free and open source tailwind css blocks, you can use You'll find free Tailwind CSS & shadcn blocks Enjoy.
0:10

if you need some free and open source tailwind css blocks, you can use You'll find free Tailwind CSS & shadcn blocks Enjoy.

Duncan

54,020 görüntüleme • 7 ay önce