¿Cómo usar variables CSS con TailwindCSS?

Tailwind CSS  permite a los usuarios utilizar clases predefinidas en lugar de utilizar las propiedades CSS puras.  Tenemos que instalar el Tailwind CSS . Cree el archivo CSS principal (Global.css) que se verá como el siguiente código. Global.css: en el siguiente código, todo el cuerpo se envuelve en un solo selector. Todo el cuerpo se … Continue reading «¿Cómo usar variables CSS con TailwindCSS?»

Margen CSS de viento de cola

Esta clase acepta muchos valores en Tailwind CSS en los que todas las propiedades están cubiertas como en el formulario de clase. Es la alternativa a la propiedad de margen CSS . Esta clase se usa para crear espacio alrededor del elemento, fuera de cualquier borde definido. Podemos establecer diferentes márgenes para lados individuales (superior, … Continue reading «Margen CSS de viento de cola»

Tailwind CSS Índice Z

Tailwind CSS es un marco CSS de utilidad que proporciona clases para administrar nuestro contenido HTML en el uso de CSS. El Tailwind CSS hace que nuestra parte de diseño sea más fácil y receptiva para múltiples plataformas. La utilidad z-Index es para controlar el orden de apilamiento de un elemento. Es la alternativa a … Continue reading «Tailwind CSS Índice Z»

Tailwind CSS Place Self

Esta clase acepta muchos valores en Tailwind CSS . Es la alternativa a la propiedad CSS Place Items . Esta clase se utiliza para controlar cómo se justifica y alinea un elemento individual al mismo tiempo. En esta clase, puede establecer múltiples valores de clase en una sola clase.  Colocar autoclases: lugar-auto-auto  lugar-auto-inicio  lugar-auto-fin  lugar-auto-centro  … Continue reading «Tailwind CSS Place Self»

Tailwind CSS Opacidad del texto

Esta clase acepta mucho valor en Tailwind CSS en el que todas las propiedades están cubiertas como en forma de clase. Usando esta clase podemos establecer la opacidad de cualquier texto. En CSS, hacemos eso usando la propiedad CSS Opacity . Opacidad del texto: text-opacity-0: controle la opacidad del color del marcador de posición de … Continue reading «Tailwind CSS Opacidad del texto»

Tailwind CSS Telón de fondo en escala de grises

La clase Background Grayscale se usa para aplicar un filtro a la imagen para establecer la escala de grises de la imagen. Tailwind CSS recientemente agregó brillo de funciones en la versión 2.1. Escala de grises de fondo: backdrop-grayscale-0: Esta clase se utiliza para representar el elemento original. backdrop-grayscale: Esta clase se utiliza para representar … Continue reading «Tailwind CSS Telón de fondo en escala de grises»

Tailwind CSS Color del anillo

Esta clase acepta mucho valor en Tailwind CSS en el que todas las propiedades están cubiertas en forma de clase. Usando esta clase podemos colorear cualquier anillo. En CSS, hacemos eso usando la propiedad CSS Color . Clases de color del anillo: ring-transparent: El color del anillo será transparente. ring-current: El color del anillo dependerá … Continue reading «Tailwind CSS Color del anillo»

¿Qué framework CSS es mejor Tailwind CSS o Bootstrap?

En este artículo, veremos qué framework CSS es mejor Tailwind CSS o Bootstrap. Ambos son marcos CSS ampliamente utilizados para diseñar el front-end. Vamos a entender cada uno de ellos en detalle. Ambos marcos tienen sus propios pros y contras, por lo que depende del tipo de aplicación que vaya a crear y, en consecuencia, … Continue reading «¿Qué framework CSS es mejor Tailwind CSS o Bootstrap?»

Tailwind CSS Word Break

Esta clase acepta más de un valor en Tailwind CSS . Todas las propiedades están cubiertas en forma de clase. Es la alternativa a la propiedad word-break de CSS . Esta clase se usa para especificar cómo dividir la palabra cuando la palabra llega al final de la línea. Los saltos de línea en el … Continue reading «Tailwind CSS Word Break»

Tailwind CSS Grid Columna Inicio/Fin

Esta clase acepta más de un valor en Tailwind CSS, todas las propiedades están cubiertas como en el formulario de clase. Es la alternativa de la propiedad grid-column de CSS en CSS que se usó para describir la cantidad de propiedades que permiten diseñar estructuras de cuadrícula y controlar la ubicación de los elementos de … Continue reading «Tailwind CSS Grid Columna Inicio/Fin»