Como diseñador web seguramente has encontrado algún tutorial para crear bordes redondeados con CSS, en este post no vamos a ver eso, sino como dibujar cuadrados, rectangulos, circulos, elipses, corazones y hasta el simbolo de infinito, todo con un par de instrucciones CSS, obviamente algunos simbolos requieren más instrucciones css que otros, pero de todas formas aqui van los CSS tricks para dibujar figuras geométricas.
He realizado impresiones de pantalla de los CSS tricks, para que las puedas descargar a tu ordenador, están en formato .gif para que las imprimas sin temor a perder calidad, si quieres copiar y pegar el código de las instrucciones css vas a tener que visitar la fuente de este artículo que enlazo al final del post.
No omito manifestar que encontrar estas instrucciones css me van a ser de mucha ayuda, ya que hay figuras geométricas que no tenía ni idea de como hacerlas, espero que este recurso a tí también te sea de utilidad.
Este fascinante recurso lo he encontrado en: The Shapes of CSS
Articulos Relacionados:
A mis hijos les digo que no jueguen con la comida, y estoy seguro que tú tam ...
Las imágenes de fantasía manifiestan escenarios irreales, o bien personajes ...
La ilustración consiste en dibujar, el ilustrador es un dibujante, el diseña ...
El iPhone es uno de los smartphones mas promocionados del momento, de hecho ...
Esta seleccion de envolturas de productos la he realizado de listas publicas ...
Información Bitacoras.com…
Valora en Bitacoras.com: Como diseñador web seguramente has encontrado algún tutorial para crear bordes redondeados con CSS, en este post no vamos a ver eso, sino como dibujar cuadrados, rectangulos, circulos, elipses, corazones y hasta el simbolo ……