Portada » CSS Avanzado » CSS Hacks » Página 5

sin miniatura

Originales fuentes creadas con CSS

CSS es muy flexible a la hora de personalizar las tipografías. Puede darnos muy buenos resultados si las aplicamos correctamente. Además, es un factor muy importante a la hora de crear un sitio, ya que una fuente legible nos permitirá leer el texto con claridad, mientras que si la fuente es ilegible, el visitante se … Lee más!

sin miniatura

Ocultar mensajes en un texto con CSS

Hay veces que deseamos divertirnos un rato y nos ponemos a escribir mensajitos secretos con CSS usando scroll. Pero hay otras formas de escribir mensajes secretos usando CSS. En esta entrada os enseñaremos a ocultar mensajes en un texto usando la declaración ::selection. Este truco es muy simple, al seleccionar un texto algunas palabras quedan … Lee más!

sin miniatura

Distinguir entre Google Chrome y Safari con CSS

A veces queremos que unos navegadores tengan atributos diferentes cuando usemos CSS. Esto se puede realizar en Internet Explorer usando los comentarios condicionales, pero, ¿y en Google Chrome? Con este hack (poco ortodoxo, ya que no valida los estándares) podemos diferenciar entre el navegador Google Chrome y Safari mediante CSS, pudiendo darles propiedades distintas a … Lee más!

sin miniatura

Columnas con la misma altura mediante CSS

Siempre queremos que el diseño de nuestro sitio web tengamos una tendencia absoluta a la perfección, hay a veces que no es posible (no me refiero a la sintáxis del código fuente) y, por ejemplo, las columnas de contenido no quedan a la misma altura, quedando un diseño horrible. Esto se puede arreglar con Javascript, … Lee más!

sin miniatura

Lista de trucos con CSS3

Ya anunciamos hace poco otra lista de trucos con CSS3 en donde se aprendía a crear degradados, aplicar sombra cualquier texto, bordes redondeados…, pero en esta entrada se aplican algunos más. Aquí aprenderemos a redimensionar elementos, aplicar sombra y cambiar la transparencia con CSS3.

sin miniatura

Ejemplos con la transparencia CSS

Aunque esto ya no esté validado por los estándares, es una excelente forma de darle transparencia a nuestras imágenes con el uso de CSS. Os mostraremos algunos ejemplos aplicados a la transparencia en CSS: Ejemplo 1: Crear una imagen con transparencia Podemos aplicar transparencia a las imágenes de esta forma. Firefox usa la propiedad opacity:x … Lee más!

sin miniatura

Prevenir doble margin y padding en IE 6 cuando usamos CSS Float

IE 6 crea un doble margin y padding cuando usamos dicha propiedad en dos divs flotantes que caen al lado del otro. El problema En este código IE 6 lo leerá incorrectamente y creará doble margin y padding en nuestro elemento: #global-column-1  {  margin:0 0 0 33px; padding:0 20px 0 0; width:255px; float:left; } #global-column-2  … Lee más!

Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.