Algunos truquitos en CCS3

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; } …

larger content


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 un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *