Para hacer buenos diseños en nuestras páginas web, nos va a ser muy práctico poder utilizar fondos con un degradado de color que vaya progressivamente de un tono a otro. Para ello antes no teníamos más remedio que poner una imagen de fondo en el div que previamente havíamos hecho en Photoshop pero ahora, gracias [...]
Etiqueta: css
Como hacer un fondo degradado en un div con CSS
¿Qué es LESS? Como utilizar less para mejorar nuestro CSS3 (Less.js)
(Primera parte) LESS es una pequeña y gran herramienta que extiende las posibilidades del CSS añadiendo variables, mezclas, operaciones y reglas anidadas. Esto significa que con LESS podemos escribir código ligero y óptimo de forma muy rápida. LESS (less.js) también nos va a ser muy útil para simplificar algunas del las propiedades avanzadas del CSS3, [...]
2 maneras de crear un fondo transparente para un div
Muchas veces es interesante jugar con fondos semi-transparentes en nuestros elementos de la página web para hacerla más atractiva y funcional. Para ello os propongo dos maneras muy sencillas: Tweet
Como hacer una sombra con CSS3 (Box-shadow)
Una de las propiedades interesantes que nos ofrece CSS3 es la capacidad de crear y configurar el efecto de sombra con código CSS. Nos podemos olvidar de crear imágenes con Photoshop y ponerlas como background. Entre otras cosas, podremos elegir el color, tamaño, desenfoque y desplazamiento de la sombra (drop shadow). En este artículo, veremos [...]
Como resetear el CSS de los navegadores para que no alteren tus estilos
Para que nuestro código CSS sea lÃmpio y afecte de igual manera en todos los navegadores, lo primero que tenemos que hacer es resetear el CSS propio de cada navegador.
Esto hará que nos ahorremos un montón de problemas en la maquetación de nuestra web.
Para ello solo tienes que incluir este código al principio de tu hoja de estilos CSS principal:
Como hacer cantos redondeados (redondos) con HTML5 y CSS3 (esquinas redondeadas)
Pues eso, si quieres que tus div’s tengan los cantos o esquinas redondeados y que además se vean redondos en todos los navegadores solo tienes que usar este código CSS (cada orden es para un navegador distinto): #nombredeldiv { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } Si quieres especificar que borde quieres redondear, [...]