Lista de trucos con CSS3
Ya anunciamos hace poco otra lista de trucos con CSS3 en donde se aprendía a crear degradados, aplicar sombra cualquier texto, bordes redondeados…, pero en esta entrada se aplican algunos más. Aquí aprenderemos a redimensionar elementos, aplicar sombra y cambiar la transparencia con CSS3.
Ejemplos con la transparencia CSS
Aunque esto ya no esté validado por los estándares, es una excelente forma de darle transparencia a nuestras imágenes con el uso de CSS. Os mostraremos algunos ejemplos aplicados a la transparencia en CSS: Ejemplo 1: Crear una imagen con transparencia Podemos aplicar transparencia a las imágenes de esta forma. Firefox usa la propiedad opacity:x … Lee más!
Prevenir doble margin y padding en IE 6 cuando usamos CSS Float
IE 6 crea un doble margin y padding cuando usamos dicha propiedad en dos divs flotantes que caen al lado del otro. El problema En este código IE 6 lo leerá incorrectamente y creará doble margin y padding en nuestro elemento: #global-column-1 { margin:0 0 0 33px; padding:0 20px 0 0; width:255px; float:left; } #global-column-2 … Lee más!
Sticky Footer con CSS
En esta entrada aprenderemos a crear un pie de página que siempre se mueve hacia donde nosotros estamos, es decir, que quede «pegado» a la barra de navegación. Bastante útil para mostrar información que siempre queremos que se visualize, ya que creemos que es información importante o que el lector debería leerla.
Galería de imágenes interactiva con CSS
Una galería interactiva nos permitirá mostrar a nuestros usuarios una pequeña descripción al lado de la imagen cuando situen el cursor encima de dicha imagen. El método para crear esta galería es muy sencillo, su estructura es mediante listas ( ). El código es completamente personalizado, por lo que podremos incluir o eliminar cualquier información … Lee más!
Laberinto CSS
Ya vimos como crear un puzzle, un Homer y una casa con CSS, ahora os enseñaremos a crear un laberinto dinámico con CSS. El método es muy sencillo, consta de varios pasos:
Mando del DVD con CSS
Aunque no sirva para nada, solo por ver la flexibilidad que puede alcanzar CSS, este mando de DVD creado totalmente en CSS nos mostrará que CSS no tiene límites. Si deseamos crearlo, añadimos este código CSS a nuestro documento:
¡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.
