Warning: Uninitialized string offset 0 in /homepages/3/d206872806/htdocs/preinoso/patolin.com/wp-includes/admin-bar.php on line 1

Warning: Uninitialized string offset 0 in /homepages/3/d206872806/htdocs/preinoso/patolin.com/wp-includes/admin-bar.php on line 1

Warning: Uninitialized string offset 0 in /homepages/3/d206872806/htdocs/preinoso/patolin.com/wp-includes/rest-api/endpoints/class-wp-rest-block-types-controller.php on line 1

Warning: Uninitialized string offset 0 in /homepages/3/d206872806/htdocs/preinoso/patolin.com/wp-includes/rest-api/endpoints/class-wp-rest-block-types-controller.php on line 1

Warning: Uninitialized string offset 0 in /homepages/3/d206872806/htdocs/preinoso/patolin.com/wp-includes/blocks/navigation.php on line 1

Warning: Uninitialized string offset 0 in /homepages/3/d206872806/htdocs/preinoso/patolin.com/wp-includes/blocks/navigation.php on line 1

Notice: La función get_block_patterns ha sido llamada de forma incorrecta. No se ha podido registrar el archivo «/homepages/3/d206872806/htdocs/preinoso/patolin.com/wp-content/themes/loic/patterns/cjzvwlet.php» como patrón de bloques (falta el campo «slug») Por favor, visita Depuración en WordPress para más información. (Este mensaje fue añadido en la versión 6.0.0). in /homepages/3/d206872806/htdocs/preinoso/patolin.com/wp-includes/functions.php on line 6078
Algunos truquitos en CCS3 – patolin.com

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 una respuesta