SASS | @mixin y @include

Los mixins se pueden usar para agrupar estilos a los que se les pueden asignar diferentes valores y se pueden usar varias veces como función. También podemos pasar argumentos en mixin como función, lo que nos permite escribir código reutilizable. Los mixins se definen usando @mixin at-rule y se pueden usar en el contexto actual … Continue reading «SASS | @mixin y @include»

Conceptos básicos del diseño web receptivo: consultas de medios

Media Query es una técnica CSS que se utiliza para producir un diseño receptivo. Esencialmente, incluye condiciones, y el diseño receptivo solo se mostrará si se cumplen esas condiciones. ¿Por qué es útil? Digamos que desea hacer una imagen más pequeña en todos los dispositivos móviles pero más grande en todos los demás dispositivos, como … Continue reading «Conceptos básicos del diseño web receptivo: consultas de medios»

¿Cómo crear un efecto de estrella resplandeciente usando HTML y CSS?

El efecto de estrella resplandeciente es uno de los mejores efectos que se utiliza para sitios web con temas oscuros. Se conoce como efecto estrella porque tiene pequeñas bolas brillantes animadas de diferentes maneras que parecen estrellas. Este efecto se puede usar para el control deslizante de imágenes, el cargador y tal vez como un … Continue reading «¿Cómo crear un efecto de estrella resplandeciente usando HTML y CSS?»

Transformaciones CSS 2D

Una transformación en CSS se usa para modificar un elemento por su forma, tamaño y posición. Transforma los elementos a lo largo del eje X y el eje Y. Hay 6 tipos principales de transformación que se enumeran a continuación: translate() girar() escala() sesgarX() sesgadoY() array() Implementaremos todas estas funciones y entenderemos sus conceptos a … Continue reading «Transformaciones CSS 2D»

¿Cómo crear un efecto de animación de estrella fugaz usando CSS?

El efecto Shooting Star es uno de los mejores efectos de fondo que se utiliza para sitios web con temas oscuros. Shooting Stars Animation es una ilustración extraordinaria de una pantalla de carga que llama la atención durante un período de tiempo considerable para que el resto del contenido se cargue en el sitio web. … Continue reading «¿Cómo crear un efecto de animación de estrella fugaz usando CSS?»

Selectores avanzados en CSS

Los selectores se utilizan para seleccionar los elementos HTML en los atributos. Algunos tipos diferentes de selectores se dan a continuación:  Selector de hermanos adyacentes: selecciona todos los elementos que son hermanos adyacentes de los elementos especificados. Selecciona el segundo elemento si sigue inmediatamente al primer elemento. Sintaxis : selecciona etiquetas ul que siguen inmediatamente a … Continue reading «Selectores avanzados en CSS»

CSS | Paginación

La paginación es el proceso de dividir el documento en páginas y proporcionarles números. Tipos de paginación: Hay muchos tipos de paginación en CSS. Algunos de ellos se dan a continuación: Paginación simple Paginación activa y desplazable Botones activos y flotantes redondeados Efecto de transición flotante Paginación bordeada Paginación de borde redondeado Paginación centrada Espacio … Continue reading «CSS | Paginación»

CSS | Formas de estilo

El formulario CSS se utiliza para crear un formulario interactivo para el usuario. Proporciona muchas formas de establecer el estilo. Hay muchas propiedades CSS disponibles que se pueden usar para crear y diseñar formularios HTML para hacerlos más interactivos, algunos de los cuales se enumeran a continuación: Selector de atributos: el tipo de atributo del … Continue reading «CSS | Formas de estilo»