CSS: dibujar triángulos

28 dic 2011 0 comentarios

Algunos ejemplos utilizando solo código css para crear formas con aspecto de triángulo: Triangulo CSS (pico superior) .triangulo_sup {     width: 0;     height: 0;     border-left: 50px solid transparent;     border-right: 50px solid transparent;   …

CSS3 sombra interior

30 jun 2011 2 comentarios

Alguna vez te has preguntado ¿cómo hacer una sombra interior utilizando solo CSS3? es bastante sencillo en realidad! Utilizaremos la propiedad “box-shadow“. Vamos a aprovechar para crear un menu redondeado con una sombra interior en la parte superior. 1º el …

Detectar ipad & iphone con CSS3

22 mar 2011 0 comentarios

Usando CSS3 Media Queries podemos detectar el navegador, y portanto cargar una determinada hoja de estilos para cada dispositivo. Para detectar el ancho utilizamos la propiedad device-width para controlar la altura junto con los prefijos min/max para controlar la altura …

CSS: clear both cada “x” columnas

21 feb 2011 0 comentarios

Hace un tiempo ya expliqué como hacer un clear both cada un determinado número de columnas utilizando jQuery, para evitar que se descoloquen divs o otros elementos flotantes de diferentes alturas. Hoy esta misma acción pero sin utilizar javascript, solo …

Fotos circulares con CSS

19 feb 2011 0 comentarios

¿Estais cansados de las típicas fotos / imágenes cuadradas o rectangulares? Os voy a enseñar como conseguir el efecto de una imagen o foto circular utilizando CSS3 (se podrían utilizar otrás técnicas como utilizar una imagen transparente a modo de …