CSS: Text-shadow, propiedad
La propiedad text-shadow permite crear sombra en el texto, pudiendo variar las posiciones de esta y el color de la sombra. Suele usarse en encabezados y títulos que deseen resaltarse, pero no se debe abusar de ella (Un ejemplo incorrecto sería usar esta sombra los párrafos). Solo navegadores basados en Webkit, como Safari o Konqueror, … Lee más!
Vídeo: Firebug y CSS
Kristarella nos explica el funcionamiento de Firebug, la extensión para Firefox de la que os hablé hace unos días cuando publicamos la entrada de las extensiones para Firefox relacionadas con CSS. Nos explica cómo funciona la parte de Firebug relacionada con CSS, sus opciones, interfaz, y cómo podemos usarlo de forma efectiva.
Aprende posicionamiento CSS en 10 pasos
Existen muchos artículos que nos hablan de las distintas propiedades de posición en CSS: overflow, fixed, estatic, absolute, relative… Pero ninguno como el que os voy a mostrar ahora es tan sencillo y cómodo de entender, gracias a unas imágenes explicativas situadas a la derecha, que nos aclararán muchas dudas. Ver el pequeño tutorial de … Lee más!
Rotar un texto con CSS Transformations
Igual que disponíamos la fecha con CSS Sprites, ahora queremos rotar un texto para crear una fecha gracias a CSS Transformations. Explicación de su funcionamiento CSS Mágico La clave de estas rotaciones se encuentran en CSS Transformations, y tanto Firefox como Safari tienen esta ventaja: Es decir:
CSS: Box-shadow, propiedad
Añadir sombra una caja de texto sigue el mismo formato que añadir sombra en el texto, y para ello se utiliza la propiedad Box-shadow. Box-shadow es compatible con Safari 4, Firefox 3 y Chrome 1. El código en CSS3 puro sería así: Valor horizontal, si es positivo indica que la sombra se … Lee más!
CSS3: Transparencia
Al igual que ya existía como aplicar transparencia, con CSS3 todo esto es más sencillo y estandar, usaremos doble background para aplicar transparencia a una caja de texto. Uno nos servirá para definir el color. El otro, para aplicar la transparencia, añadiendo un nuevo valor, que puede estar entre el 0 (transparente) y 1 (opaco). … Lee más!
¿Es tu navegador compatible con los selectores de CSS?
Existen muchos navegadores, pero no todos tienen igual compatibilidad con CSS. En CSS3.info podréis realizarle un test a vuestro navegador, para comprobar que selectores no son compatibles (El test evalúa unos 43 selectores y te especifica cuáles son incompatibles): Realizar el test de selectores CSS para tu navegador Y el tuyo, ¿es compatible?
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
