La tarea es mostrar un texto de derecha a izquierda usando CSS. Esto se hace con la ayuda de la propiedad Direction de CSS . De forma predeterminada, la alineación del texto se establece en la dirección de izquierda a derecha en el documento HTML. Para mostrar el texto de derecha a izquierda, simplemente establecemos … Continue reading «¿Cómo mostrar texto de derecha a izquierda usando CSS?»
El ícono de superposición de imagen puede ser una adición impresionante a los detalles interactivos o un conjunto de funciones para su sitio web. El contenido de este artículo dividirá la tarea en dos secciones, la primera sección creará la estructura y adjuntará el enlace para el icono. En la segunda sección, diseñaremos la estructura … Continue reading «¿Cómo crear un icono de superposición de imagen usando HTML y CSS?»
El efecto de fondo deslizante no es lo mismo que la presentación de diapositivas o el carrusel. La presentación de diapositivas o el carrusel consta de diapositivas divididas que se pueden detener según el deseo del usuario. El fondo deslizante toma una imagen y la desliza a través del eje x infinitamente en un bucle … Continue reading «¿Cómo crear un efecto de fondo deslizante usando CSS?»
El movimiento lineal de una línea recta significa que la línea comenzará en un punto, irá al segundo punto y luego regresará al punto de partida. Es una especie de movimiento de ida y vuelta. Lo haremos usando solo CSS. Enfoque: el enfoque es crear primero una línea recta y luego animarla usando fotogramas clave. … Continue reading «¿Cómo animar una línea recta en movimiento lineal usando CSS?»
La propiedad align-items se usa para establecer la alineación de los elementos dentro del contenedor flexible o en la ventana dada. Alinea los elementos flexibles a lo largo del eje. La propiedad align-self se usa para anular la propiedad align-items. Sintaxis: align-items: stretch|center|flex-start|flex-end|baseline|initial| inherit; Valor por defecto tramo El valor de la propiedad: estirar: los … Continue reading «CSS | Propiedad de elementos de alineación»
La propiedad scroll-margin-top se usa para establecer todos los márgenes de desplazamiento en la parte superior de un elemento a la vez. El valor especificado para scroll-margin-top determina qué parte de la página que está principalmente fuera del soporte debe permanecer visible. Por lo tanto, los valores superiores del margen de desplazamiento representan los inicios … Continue reading «Propiedad CSS scroll-margin-top»
La propiedad order en CSS se usa para especificar el orden de los elementos flexibles dentro del contenedor. Entonces, para establecer el orden de los elementos flexibles dentro del elemento de división, usamos la propiedad order y establecemos el orden de los elementos en CSS. En este artículo, aprenderemos cómo establecer el orden de los … Continue reading «¿Cómo establecer el orden de los elementos flexibles dentro del elemento de división en CSS?»
La propiedad del cursor se usa para especificar el cursor del mouse que se mostrará al señalar un elemento . Esta propiedad se define con cero o más valores de <url> separados por comas seguidos de 1 valor de palabra clave como obligatorio y cada <url> apuntará al archivo de imagen. Sintaxis: cursor: value; Valores … Continue reading «Propiedad del cursor CSS»
La propiedad grid-gap establece el tamaño del espacio entre las filas y las columnas en un diseño de cuadrícula. Es una propiedad abreviada para las siguientes propiedades: propiedad grid-column-gap propiedad grid-row-gap Sintaxis: grid-gap: grid-row-gap grid-column-gap; Valores de propiedad: grid-row-gap : establece el tamaño del espacio entre las filas en un diseño de cuadrícula. Su valor por … Continue reading «CSS | Propiedad grid-gap»
Materialise CSS proporciona un amplio conjunto de íconos de materiales de Google que se pueden descargar desde las especificaciones de Material Design . Las bibliotecas de íconos que son compatibles con materialise css son los íconos de materiales de Google, los íconos de Font Awesome y los íconos de Bootstrap . Se pueden seleccionar diferentes … Continue reading «Materializar iconos CSS»