Crear menu con CSS3 y CSS Archive

Menú desplegables con css profesional

Menú desplegables con css profesional Hola amigos ya sé que hemos tocado este tema de menú desplegables en css pero en esta entrada lo que vamos hacer es una actualización del post anterior de nuestro menú desplegables en css. Darle un vistazo al tema anterior Tema anterior En este menu desplegable con css lo único

Menú en HTML5 y CSS3

Menú en HTML5 y CSS3 Como decía antes en otro mini-tutorial de menú en html5 y css3 estos menú están cada vez más de moda ya que se están utilizando mas y mas por una inmensa cantidad de público en lo que es el desarrollo web, La verdad que el caso no es para menos

Menú vertical con css3

Menú vertical con css3 Hola amigos, en esta nueva ocasión vamos a crear un menú vertical con css3 y html5, en la entrada anterior vimos como hacer este mismo menú vertical pero con versiones de HTML y css antiguas aunque agregamos algunos efectos de css3. Hoy vamos aprender a crear un menú vertical con css3

Menú vertical con css

Menú vertical con css Hola amigos como están? En esta nueva entrada vamos a ver cómo crear menu vertical con css, en entradas anteriores ya aviamos tratado alguos temas parecido como menú con html y css también menú con html5 y css3 y en una entrada más antigua también vimos como hacer un menú dinámico

Cómo crear un menú parte 2

#efecto1{ width:80px; height:100px; background:#f90; color:blue; background-clip:padding-box; border:solid 10px rgba(204,204,204,0.3); transform:skew(10deg,5deg); -moz-transform:skew(10deg,5deg); -ms-transform:skew(10deg,5deg); -o-transform:skew(10deg,5deg); -webkit-transform:skew(10deg,5deg); display:inline-block; } #efecto1:hover{ transform:skew(-40deg,-10deg); -moz-transform:skew(-40deg,-10deg); -ms-transform:skew(-40deg,-10deg); -o-transform:skew(-40deg,-10deg); -webkit-transform:skew(-40deg,-10deg); } #efecto2{ width:80px; height:100px; background:#f90; color:blue; background-clip:padding-box; border:solid 10px rgba(204,204,204,0.3); display:inline-block; } #efecto2:hover{ transform:translate(50px); -moz-transform:translate(50px); -ms-transform:translate(50px); -o-transform:translate(50px); -webkit-transform:translate(50px); } #efecto3{ width:80px; height:100px; background:#f90; color:blue; background-clip:padding-box; border:solid 10px rgba(204,204,204,0.3); display:inline-block; } #efecto3:hover{ transform:rotate(20deg); -moz-transform:rotate(20deg);

Cómo crear un menú

header,nav{ width:95%; margin:10px auto; min-height:30px; text-align:center; border-radius:5px; background:#006; color:#FFF; } #primer{ display:inline-block; min-height:10px; min-width:75px; padding:5px; text-align:center; -moz-transition:all 1s; -o-transition:all 1s; -webkit–o-transition:all 1s; -ms-o-transition:all 1s; color:#006; } #primer:hover{ padding:10px; background:-moz-linear-gradient(#F90 0%, #C00 100%); background:-o-linear-gradient(#F90 0%, #C00 100%); background:-webkit-linear-gradient(#F90 0%, #C00 100%); background:-ms-linear-gradient(#F90 0%, #C00 100%); background:linear-gradient(#F90 0%, #C00 100%); transition-property:all; cursor:pointer; opacity:0.3; color:#FFF; font:bold; -webkit-transform: translate(0px,

Menú con html5 y css3

Menú con HTML5 y CSS3 Como los menú con html5 y css3 está siendo cada vez más usando en la creación de sitio web, podemos seguir explotando el html5 y el css3 y todas sus funcionalidades para implementarla en nuestra web. En este pequeño tutorial vamos a seguir creando menú con html5 y css3 para

Menú desplegables en css

Menú desplegables en css En esta entrada vamos a aprender a crear menú desplegables en css, hablábamos en el post anterior de cómo crear menú con css y html y utilizamos las etiquetas <menú> para hacer nuestro tutorial, también en el tutorial de Menú dinámico con CSS3 y HTML5, vimos estas etiquetas. Hoy en este

Menú con css y html

@charset "utf-8"; #menu{  background:#f9f9f9;  border:solid 1px #DEDEDE;  border-radius:3px;  width:180px;  padding:5px;  } menu{  color:#06F;  margin:0px;  background:linear-gradient(#fff 0%,#dedede 100%);  background:-moz-linear-gradient(#fff 0%,#dedede 100%);  background:-ms-linear-gradient(#fff 0%,#dedede 100%);  background:-o-linear-gradient(#fff 0%,#dedede 100%);  background:-webkit-linear-gradient(#fff 0%,#dedede 100%);  border:solid 1px #f9f9f9;  border-radius:5px;  padding:5px;  } menu:hover{  background:linear-gradient(#DEDEDE 0%, #FFF 100%);  background:-moz-linear-gradient(#DEDEDE 0%, #FFF 100%);  background:-ms-linear-gradient(#DEDEDE 0%, #FFF 100%);  background:-o-linear-gradient(#DEDEDE 0%, #FFF 100%);  background:-webkit-linear-gradient(#DEDEDE 0%, #FFF

Menú dinámico con CSS3 y HTML5

Menú animado con CSS3 y HTML5 Hola amigos como están, en esta ocasión he creado un menú o una botonera con estilo CSS3 para que nuestro sitio web se vea más animado, Para este menú dinámico con css3 y html5 vamos a necesitar que crees un documento con la estructura de HTML5 y luego en la etiqueta <nav>