Logo de Ubuntu con CSS3
0 Me Gusta
| diciembre 28, 2011 |
En mi búsqueda de nuevas tecnologías me he encontrado con CSS3, y específicamente con la creación de logos. Los logos con CSS3 son muy fáciles de hacer, con un poquito de razonamiento se les va dando forma hasta encontramos con un logo perfectamente elaborado, y que al agrandarlo no se pixela.
En esta ocasión les enseñaré a hacer el logo de Ubuntu con sólo unas cuantas líneas de código.
El diseño del logo es la siguiente:
El maquetado HTML:
Código :
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Logo Ubuntu CSS3</title>
</head>
<body>
<div id="circuloanaranjado">
<div id="circuloconborde">
</div>
<div class="circulito1">
</div>
<div class="circulito2">
</div>
<div class="circulito3">
</div>
<div id="franja1">
</div>
<div id="franja2">
</div>
...
Continua leyendo desde la fuenteRelated posts:
- Logo de Mejorando.la con CSS3 En este tutorial les enseñaré a hacer el logo de...
- Crea el logo de uTorrent con CSS3 El HTML5 y el CSS3 son como el amor, están...
- Cómo hacer CSS3 compatible con Internet Explorer 6, 7 y 8 Quienes se niegan al avance de HTML5 y CSS3 dicen...
- Trasformación 3D con CSS3 En este videotutorial aprenderás a hacer trasformaciones en 3D con...
- Crear un botón 3D con CSS3 En este tutorial vamos a aprender a crear un botón...
Related posts brought to you by Yet Another Related Posts Plugin.
Leave a Reply