hola buenas antes de nada agradeceros vuestro trabajo ya que el 80% de lo que se d ewebs lo aprendi aqui y el resto pues buscando por ahi jaja.
estoy haciendom una pagina para la empresa de mi cuñado y le hecho una barra de navegacion dandole efecto boton que se hu8nde al presionarlo el problema es que veo que va bien en todos los navegadores excepto en ie,aunque lo mas raro es que al principio iba bien en ie y ahora aveces al entrar a la pagina el primer boton que presionas se hunde pero luego es como que se le va el santo al cielo al navegador y deja de funcionar,la pagina la tengo temporalmente colgada en suso.comocreartuweb.es
ara que lo pienso no tendra que ver con que no empece a hacer el head no?ahi se le puede decir a ie que lea las sombras o algo asi?
si alguien puede ayudarme aun tengo el problema de las sombras en ie y la pagina ya tiene meta y todo creo la direccion ara es esta www.hidraulicaspayeras.es
hola
entré a tu pagina con chrome
yyy en general se ve bien (la pagina web)
pero el menu... como que tiembla.... al poner el puntero encima, luego da una vuelta....
ese es el efecto que buscas???
creo que el texto se ve algo borroso (o no se si sea la sombra que le has puesto)
saludos
el boton le puse un transform:rotatey(360deg) para el giro y lo borroso solo es un text shadow aunque igual no consegui muy buen efecto,y despues del giro al pulsar un box shadow inset para que las sombras desaparezcan y el boton haga sensacion de que se hunde el problema es internet explorer que al pulsar el boton no desaparece la sombra y ni se hunde el boton ni nada y le puse todos los prefijos este es el css:
la parte referente a la barra el resto es bastante mas:
#navegacion{height:53px;background-color:#2F4F4F;
border-left:2px solid blue;border-right:2px solid blue;border-bottom:2px solid blue;
box-shadow:inset 0px 1px 10px blue,inset 0px 0px 10px white;-moz-box-shadow:inset 0px 1px 10px blue,inset 0px 0px 10px white;-webkit-box-shadow:inset 0px 1px 10px blue,inset 0px 0px 10px white;
}
#navegacion ul{margin-left:5px;}
#navegacion li{list-style:none;padding:7px;margin:3px 10px 0px 7px;display:inline-block;background-color:#00008B;
width:100px;border:1px outset grey;border-radius:8px 8px 15px 15px;-moz-border-radius:8px 8px 15px 15px;-webkit-border-radius:8px 8px 15px 15px;
box-shadow:0px 2px 4px blue,0px 0px 5px black,inset 0px 1px 3px black,0px 3px 5px blue,0px 0px 10px black;
-moz-box-shadow:0px 2px 4px blue,0px 0px 5px black,inset 0px 1px 3px black,0px 3px 5px blue,0px 0px 10px black;
-webkit-box-shadow:0px 2px 4px blue,0px 0px 5px black,inset 0px 1px 3px black,0px 3px 5px blue,0px 0px 10px black;
}
#navegacion li:hover{background-color:#0000FF;transform:rotatex(360deg);transition:1.5s;-moz-transform:rotatex(360deg);transition:1.5s;-webkit-transform:rotatex(360deg);transition:1.5s;}
#navegacion li:active{background-color:#0000FF;position:relative;top:2px;
box-shadow:inset 0px 2px 17px black,0px 1px 3px blue,0px 0px 6px black;-moz-box-shadow:inset 0px 2px 17px black,0px 1px 3px blue,0px 0px 6px black;-webkit-box-shadow:inset 0px 2px 17px black,0px 1px 3px blue,0px 0px 6px black;
}
#navegacion a{text-decoration:none;font-size:1.4em;color:white;text-shadow:0px 2px 4px white,0px 2px 5px white;
-moz-text-shadow:0px 2px 4px white,0px 2px 5px white;-webkit-text-shadow:0px 2px 4px white,0px 2px 5px white;
el temblor que dices pùede ser que el giro se realice demasiado rapido yo he puesto a 1.5seg
