Guía Interactiva · Paso a Paso

Aprendizaje guiado · Actividades prácticas · Formación institucional

Paso 1 · Crear la forma base

Comienza creando un rectángulo simple.

Paso 2 · Convertirlo en círculo

Añade border-radius al 50%.

Paso 3 · Añadir un pseudo-elemento

Esto añade una capa adicional sin modificar el HTML.

Perfil

Paso 4 · Crear un icono científico

Combina capas y geometrías.

Acceso rápido