Página personal de Gerardo Valdés

Desarrollo de Apps Web en HTML5, CSS y Javascript

Descripción de la página

Esta página está diseñada con CSS puro, 99% responsive. En su cuerpo encontramos imágenes del tipo SVG (Scale Vector Graphics), PNG (Portable Network Graphics), JPEG (Joint Photographic Experts Group), GIF (Graphics Interchange Format), BMP (Windows Bitmap o mapa de bits). Acompañadas de una inserción de video con sus respectivas etiquetas <></>, con distintos en cabezados de tipo <H1>, <H2>, <H3> y <H4>, una familia de fuente "Indie Flower" perteneciente a Google Fonts y distinto color en su tipografía. Además, como se puede apreciar se han utilizado diferentes tipos de degradados en sus cajas como: linear-gradient y radial-gradient, con bordes redondeados en cada una de sus esquinas. También se ha utilizado un poco de transición para darle animación.

Como nota: no se muestra la imagen BMP (Windows Bitmap o mapa de bits) debido a que el sitio no lo permite.

Imagen vectorial

Globo-svg

Imagen JPEG

Globo-jpg

Video

Fuente: Miriada X

Imagen PNG

Imagen GIF

Globo-gif