Homer Simpson and donut – Animación CSS

Introducción: Hola chicos, hoy veremos la animación de «Homer Simpson» y su «donut». Antes tengo que aclarar que «Homer Simpson» no esta hecho en CSS, en realidad es una imagen svg; pero la «donut» si fue creada con CSS puro. Nota: Ahora que uso Grid en CSS la alineación de Leer más…

Por Ney, hace

1000 Followers en tiktok – Animación CSS

 Introducción: En testa animación encontraremos 3 pequeñas animaciones, las cuales son: Movimiento infinito de una imagen svg en vertical. Imagen svg de globos que se vuelven invisibles y visibles de forma infinita. Parpadeo infinito de unos puntos (círculos), que cambian de color. Nota: Para el alineamiento de los elementos Leer más…

Tarjeta estilo Duolingo – animation CSS

Introducción: La idea es sencilla todo lo que quería era replicar la tarjeta Tinycards de Doulingo con CSS y HTML, para luego agregarle una animación que consiste en hacer que gire 360º grados sobre su eje. Respecto al código intentare dar una breve explicación de ello a continuación. 1. Estructura Leer más…

Por Ney, hace

Muñequito (doll) – animación CSS

Introducción: En este ejemplo vamos a crear un muñeco o minion (la verdad no se bien como llamarlo); pero la idea es que este muñequito sonríe, en eso consiste esta animación. Se que es sencillo, al menos esta vez puse las etiquetas en el orden adecuado (eso creo).😋 Creando un Leer más…

Por Ney, hace

4 Formas de insertar una imagen en HTML

Introducción: En este post veremos los siguientes puntos: ¿Cómo insertar una imagen en HTML? ¿Cómo colocar una imagen en el <body> (cuerpo o background)? ¿Cómo insertar una imagen a un elemento (etiqueta) <button>? ¿Cómo insertar una imagen en un <input>? El objetivo es aprender distintas formas de insertar una imagen Leer más…