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…

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…