Les dejo algunos truquitos en CCS3 para esos problemitas que nos aquejan a diario
Remover scrollbar en IE para las áreas de texto
textarea { overflow: auto; }
Transparencia CSS
.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } …
Forzar scroll vertical
html { overflow-y: scroll; }
Mostrar el cursor sobre los campos de entrada
/** label CSS pointer reset **/ label, input[type=button], input[type=submit], button { cursor: pointer; }
Precarga de imágenes con CSS3
div.imgload { background:url(images/sheet1.gif) no-repeat; background:url(images/sprites.png) no-repeat; background:url(images/mybanner.jpg) no-repeat; margin-left: -99999px; }
Hacer FLIP a una imágen con CSS3
img.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: «FlipH»; }
Bordes Redondos con CSS3
.round{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ }
Arreglo para el min-height en IE
.box { min-height:500px; height:auto !important; height:500px; }
Alineación vertical
.vcontainer { min-height: 10em; display: table-cell; vertical-align: middle; }
Fuente: Designshack
Deja una respuesta
Lo siento, debes estar conectado para publicar un comentario.