<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tailwind on Commentary of Takao</title><link>https://takao.blog/es/tags/tailwind/</link><description>Recent content in Tailwind on Commentary of Takao</description><generator>Hugo -- gohugo.io</generator><language>es</language><copyright>Commentary of Takao</copyright><lastBuildDate>Sun, 12 Jul 2026 04:12:51 +0900</lastBuildDate><atom:link href="https://takao.blog/es/tags/tailwind/index.xml" rel="self" type="application/rss+xml"/><item><title>Tailwind CSS v4: Novedades y cambios</title><link>https://takao.blog/es/web/tailwind-css-v4-release-changes/</link><pubDate>Thu, 05 Feb 2026 00:00:00 +0900</pubDate><guid>https://takao.blog/es/web/tailwind-css-v4-release-changes/</guid><description>&lt;img src="https://takao.blog/img/thumbnail/tailwind-css-v4-release-changes-es.png" alt="Featured image of post Tailwind CSS v4: Novedades y cambios" /&gt;&lt;p&gt;Tailwind CSS v4 es un rediseño completo. Usa el motor CSS nativo de Cascade Layers, configuración via CSS en lugar de JS, y nuevas utilidades.&lt;/p&gt;
&lt;h2 id="configuración-via-css"&gt;Configuración via CSS
&lt;/h2&gt;&lt;p&gt;Adiós a &lt;code&gt;tailwind.config.js&lt;/code&gt;. La configuración se hace en CSS con &lt;code&gt;@theme&lt;/code&gt;, &lt;code&gt;@utility&lt;/code&gt;, &lt;code&gt;@variant&lt;/code&gt;. &lt;code&gt;@import &amp;quot;tailwindcss&amp;quot;&lt;/code&gt; reemplaza las directivas anteriores.&lt;/p&gt;
&lt;h2 id="rendimiento"&gt;Rendimiento
&lt;/h2&gt;&lt;p&gt;Engine de CSS nativo sin PostCSS. Compilación 10x más rápida. Cero dependencias de JavaScript en tiempo de ejecución.&lt;/p&gt;
&lt;h2 id="nuevas-utilidades"&gt;Nuevas utilidades
&lt;/h2&gt;&lt;p&gt;&lt;code&gt;inset-*&lt;/code&gt;, &lt;code&gt;field-sizing-*&lt;/code&gt;, &lt;code&gt;@starting-style&lt;/code&gt; para animaciones de entrada. &lt;code&gt;color-mix()&lt;/code&gt;, &lt;code&gt;light-dark()&lt;/code&gt;. Soporte mejorado para contenedores.&lt;/p&gt;</description></item></channel></rss>