¿Estais cansados de las típicas fotos / imágenes cuadradas o rectangulares? Os voy a enseñar como conseguir el efecto de imagenes o fotos redondeadas utilizando CSS3 (se podrían utilizar otrás técnicas como utilizar una imagen transparente a modo de máscara…). […]
A continuación 2 formas distintas de poder centrar horizontalmente listas con CSS. 1. Centrando horizontalmente cada LI sin saltos de línea: ul{ text-align:center; } li{ display: inline-block; } Uno Dos Tres 2. Centrando los LI con saltos de línea: ul{ […]
Os muestro como utilizar una imagen de fondo (background) que se pueda colocar fuera del div o contenedor utilizando el pseudo-elemento ::before y la propiedad content para que actúe como un fondo adicional. Esto es posible utilizando CSS3, pero todavía […]
Ya os enseñe como poder crear este efecto fade con jQuery. Hoy os muestro como poder hacer este efecto utilizando solo CSS3 muy fácil. Para crear el efecto «fade» basta con aplicar opacidad de 0 a 100 en este caso […]
Método para crear un efecto fullscreen de una imágen usada como fondo sin necesidad de utilizar javascript. Para ello solo vamos a utilizar CSS y su propiedad background-size: cover. La propiedad «background-size: cover» nos permite escalar el tamaño de las […]
El objetivo principal de este artículo, no es el de usar estos 10 hacks para IE, pero si para entender lo que hacks se han estado utilizando por algunos webmasters… Para solucionar estas diferencias CSS entre navegadores (en este caso […]
Un sencillo ejemplo de como simular un efecto «neón» sobre una tipografía en CSS3, sin utilizar imágenes. Para ello utilizamos principalmente text-shadow para dar resplandor al texto, text-fill-color para colorear el interior del texto, text-stroke-color para el color del borde […]
Un bonito efecto de CSS3 que nos ahorrará de utilizar photoshop para realizar un efecto reflejo de un div, texto, imágen… Utilizamos la propiedad css3 box-reflect que se encarga de realizar este efecto por ahora solo válido en navegadores webkit. […]
Hace un tiempo mostre un método de resetear el css, hoy os pongo una hoja de estilos que podemos utilizar para resetear todos los valores CSS de un archivo html5: [cc lang=»css»] body, div, dl, dt, dd, ul, ol, li, […]
La propiedad «clear:both» en un de los métodos utilizados cuando queremos hacer un nuevo salto de línea entre bloques con float… os sonará si maquetais en css. Un ejemplo típico: <style> .contenedor{ border: 1px solid # 000; } .bloque_izq{ float:left; […]