🆕 Nuevo post en el blog oficial de Tailwind CSS: ¡Ya está disponible la versión 4.1! 🚀

La última actualización viene cargada de novedades que te van a encantar 😍:

✨ Nuevas utilidades de sombras de texto (text-shadow): Ahora puedes añadir sombras a tus textos con clases como text-shadow-2xs hasta text-shadow-lg. Ideales para resaltar encabezados sobre fondos llamativos. Además, puedes personalizar el color de la sombra con text-shadow-<color>. ¡Dale un toque especial a tus textos! 🖋️

🎭 Utilidades de máscara (mask-): Usa imágenes y degradados como máscaras para ocultar partes específicas de un elemento. Esto abre un abanico de posibilidades creativas en tus diseños. 🎨

🌐 Mejor compatibilidad con navegadores antiguos: Tailwind CSS 4.1 ha mejorado la degradación en navegadores más antiguos, asegurando que tus diseños se vean bien en una amplia gama de dispositivos y navegadores. 🖥️📱

🔤 Control avanzado de ajuste de texto con overflow-wrap: Protege tus diseños de palabras largas que puedan desbordar, asegurando que el contenido se ajuste correctamente sin romper la maquetación. 📝

🌈 Soporte para sombras de drop con color: Ahora puedes aplicar sombras de drop con colores personalizados, añadiendo profundidad y estilo a tus elementos. 🎨

🖱️ Targeting de dispositivos de entrada con pointer-* y any-pointer-*: Adapta tus diseños específicamente para dispositivos táctiles o con puntero, mejorando la experiencia del usuario según el dispositivo. 📱🖱️

📏 Alineación de elementos a la última línea base: Con las nuevas utilidades items-baseline-last y self-baseline-last, puedes alinear elementos flex o grid a la línea base de la última línea de texto. 📐

🔒 Alineación segura del contenido: Centra contenido en diseños flex y grid sin preocuparte de que desaparezca cuando hay poco espacio disponible. 🔐

📂 Ignorar rutas específicas con @source not: Excluye directorios irrelevantes para acelerar aún más tus compilaciones. ⚡

📜 Incluir clases específicas con @source inline(…): Fuerza a Tailwind a incluir clases que no están en tus archivos fuente, asegurando que todas las utilidades necesarias estén presentes. 🛠️

📌 Podés leer todos los detalles (y ejemplos) en el blog oficial: 👉 https://tailwindcss.com/blog/tailwindcss-v4-1

¿Ya la probaste? ¿Qué te parece esta nueva versión? Te leo en los comentarios 👇