Consultas de medios CSS

La consulta de medios en CSS se utiliza para crear un diseño web receptivo. Significa que la vista de una página web difiere de un sistema a otro según la pantalla o los tipos de medios. El punto de interrupción especifica para qué tamaño de ancho de dispositivo, el contenido comienza a romperse o deformarse. … Continue reading «Consultas de medios CSS»

CSS | Transformaciones 3D

Permite cambiar elementos mediante transformaciones 3D. En la transformación 3D, los elementos se giran a lo largo del eje X, el eje Y y el eje Z. Hay tres tipos principales de transformación que se enumeran a continuación: rotarX() rotarY() rotarZ() El método de rotación X(): esta rotación se utiliza para rotar elementos alrededor del … Continue reading «CSS | Transformaciones 3D»

Transponer animaciones de fotogramas clave CSS de Clippath en animaciones anime.js

Anime.js es una biblioteca de JavaScript pequeña y liviana con una API simple y pequeña y poderosa. Funciona con el elemento DOM, CSS y objeto JavaScript. usamos una biblioteca para hacer nuestro trabajo simple y fácil. Una biblioteca es un documento de JavaScript que contiene muchas funciones, y esas funciones logran algunas tareas útiles para … Continue reading «Transponer animaciones de fotogramas clave CSS de Clippath en animaciones anime.js»

SASS | Selector de padres

El selector principal es un tipo especial de selector en SASS, que nos permite reutilizar el selector externo (principal) de manera eficiente. Vea el siguiente ejemplo para hacerse una idea: Por ejemplo: supongamos que tenemos el siguiente bloque de estilo CSS, a { text-decoration: none; display: inline-block; background-color: lightgray; } Ahora, desea agregar un efecto … Continue reading «SASS | Selector de padres»

¿Cómo crear ondas en el botón con CSS y HTML?

El efecto de onda en un botón es un tipo de efecto en el que la forma del botón se convierte en una onda al flotar. Si bien hay otras formas de crear un efecto de onda, un método simple es usar la propiedad de fotograma clave. Enfoque: para animar el botón, usamos fotogramas clave … Continue reading «¿Cómo crear ondas en el botón con CSS y HTML?»

Animaciones CSS

CSS Animation: CSS Animations es una técnica para cambiar la apariencia y el comportamiento de varios elementos en las páginas web. Se utiliza para controlar los elementos cambiando sus movimientos o visualización. Tiene dos partes, una que contiene las propiedades CSS que describen la animación de los elementos y la otra contiene ciertos fotogramas clave … Continue reading «Animaciones CSS»

CSS | Fondo de tono

El fondo Hue es un concepto de una nueva metodología de diseño que se centra en una interfaz de usuario limpia y estética. Le da al sitio web un aspecto limpio y estético. Es perfecto para sitios web profesionales, como la página de inicio de algún producto o la página de inicio de alguna organización. … Continue reading «CSS | Fondo de tono»

Diseño CSS avanzado con flexbox

También se le llama modelo de caja flexible. Básicamente es un modelo de diseño que proporciona una manera fácil y limpia de organizar elementos dentro del contenedor. Flexbox es diferente del modelo de bloque que tiene un sesgo vertical y el en línea que tiene un sesgo horizontal. Flexbox se creó para diseños de escalas … Continue reading «Diseño CSS avanzado con flexbox»

SASS | Anidamiento

SASS Nesting hace que nuestro trabajo sea muy eficiente, no tenemos que repetir los selectores externos una y otra vez. Podemos escribir selectores anidados en el orden en que aparecen en el archivo HTML (es decir, formulario de selector primario-externo y secundario-interno). SASS hará automáticamente el trabajo de combinación. Vea el ejemplo a continuación: Archivo … Continue reading «SASS | Anidamiento»

Esquema CSS – Part 1

La propiedad abreviada CSS de contorno permite dibujar una línea alrededor del elemento, fuera del borde. Se utiliza para establecer todas las propiedades del esquema en una sola declaración. Las propiedades de contorno CSS se pueden clasificar en 4 tipos, a saber, estilo de contorno, color de contorno, ancho de contorno y desplazamiento de contorno. … Continue reading «Esquema CSS – Part 1»