Dibujar una caja con CSS
Se puede crear una sencilla caja con CSS, aplicando a un div una clase. Esta caja es un método de aprender a estructurar la plantilla de nuestro sitio web.
3 tablas fluidas con CSS
Si deseas crear 3 tablas con CSS que ocupen el ancho de tu container (div), solo debes seguir estos pasos. Mediante CSS, la propiedad float y overflow, podremos crear 3 tablas «fluidas» (se dice por la referencia a float).
Degradar texto con una imagen y CSS
Existe un truco para poder crear un texto degradado, con texturas u otra decoración, sin tener que usar Photoshop para crear la letra, solo el degradado que queramos hacer, la ventaja de degradar un texto o decorarlo por este método, sería que no usaríamos imágenes para crear el texto (sí la decoración), lo que nos … Lee más!
Ampliación sobre los comentarios condicionales
Ya dijimos lo que eran los comentarios condicionales, para qué servían, como se usaban, etc. Pero hoy vamos a explicaros algo de ampliación, es decir, que si no sabes que son los comentarios condicionales te sugerimos que te des una vuelta por la entrada que pusimos hace unos días. Bien, como ya sabemos, los comentarios … Lee más!
Efecto de degradado en el bottom con una imagen
Fade out bottom es un efecto interesante que hará que nuestros contenidos se degraden al llegar al bottom de la página. El truco está en una imagen .png de degradado que tiene un valor z-index muy elevado para asegurarse que siempre se situará por encima del texto. Existe un fix de arreglo de PNG para … Lee más!
Difuminar texto con CSS
Si deseamos obtener un resultado parecido al de la imagen de arriba, es decir, que el texto quede difuminado, solo debemos aplicar ese texto a una imagen que cree un degradado transparente para que el texto «parezca» que esté difuminado.
30 hojas de referencia rápida sobre CSS
No conozco a nadie que no le guste visitar una guía de ayuda por si no se acuerda de algo, o sencillamente, no lo sabe. Ya os comentamos hace tiempo algunas hojas de referencias sobre CSS, para ayudarnos a consultar algo que se nos ha olvidado, por ejemplo, una propiedad, pero ahora os traemos nada … Lee más!
¡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.
