Barras gráficas con CSS
En esta entrada os mostraremos como crear distintos tipos de barras gráficas mediante el uso de CSS. Estas gráficas pueden ser muy útiles para mostrar la evolución de algo, además, no se requiere ninguna imagen, lo que a Google le gusta y acelera la carga del sitio web. Ya os enseñamos a crear una barra … Lee más!
Seguir el avance de CSS
CSS avanza, van apareciendo propiedades nuevas mientras que las antiguas van quedando obsoletas. Es complicado enterarse de todo, así que, ¿porqué no tener a mano una tabla que nos informe de los cambios que estén avanzando en CSS? W3 nos enseña una tabla donde podemos consultar las modificaciones que se producen en CSS cada día … Lee más!
Deshabilitar scroll mediante CSS
Si deseamos deshabilitar el scroll, para que no aparezca las barras de navegación en una página web, usaremos la propiedad overflow. Esta propiedad hace que la barra lateral se oculte. Para realizar este «truco», deberemos añadir el código CSS como sigue:
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!
¡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.
