En este tutorial haremos un menu desplegable con HTML5 y CSS3. Una de las buenas cosas de olvidarnos de IE6, es que podemos crear simples menús desplegables, sin necesidad de usar Javascript, ya que el selector ":hover" funciona en todos los elementos. Estructura del "index.html": Código : <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Menú [...]
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 [...]
Quienes se niegan al avance de HTML5 y CSS3 dicen "no es compatible". Pero este es el año 2011 y gracias a los hackers de la web, es 100% posible hacer CSS3 compatible con IE6 y otros navegadores viejos. CSS3 es genial. En nuestro curso de CSS3 en linea aprendes, con 1 linea de código, [...]
En este tutorial vamos a aprender a crear un botón en 3D con efecto de pulsación y algunas sombras para hacerlo más atractivo. Todo ello, usando únicamente CSS3 (sobre HTML, claro). Empecemos, pues, creando la base en HTML. Código : <html> <head> <title>Botón 3D con CSS3</title> </head> <body> <button class="boton3d">Cristalab</button> </body> [...]
El HTML5 y el CSS3 son como el amor, están en el aire. Se respiran, se presienten, pero hasta que no se les pone las manos encima, es como si nada. Cansado de pasármela leyendo y haciendo pequeñas prácticas en varios sitios web, me decidí a llevar a cabo un primer ejemplo al respecto. ¿Cómo [...]