Galerías
CategoríaTipos de galerías que se pueden realizar con CSS.
Tu opinión me importa y mucho
Después de un tiempo escribiendo artículos he decido crear este pequeño donde proponeros que me enviéis alguna propuesta para hacer artículos. El diseño de webs es un tema muy amplio donde se puede hablar de muchas cosas, tengo varios temas guardados para escribir pero me parece importante también hablar de lo que vosotros necesitáis. Para … Lee más!
Comprueba propiedades CSS3 con CSS3 Please!
CSS3 Please es una herramienta que trae a nuestro disposición una hoja de estilos con propiedades CSS3, como pueden ser transform, border-radius, text-shadow, box-shadow, transition y @font-face, que podremos modificar y observar su resultado final, a la derecha. Cabe destacar que es un generador de reglas cross-browser, es decir, se podrá mostrar en cualquier navegador, … Lee más!
Galería con efecto de escala de grises mediante CSS y JQuery
Mediante CSS Sprites y JQuery podemos crear un efecto al aplicar :hover (posicionar el cursor encima) de un bloque, dándole a este una cambio de colores a escala de grises, como dice Sohtanaka. Esto puede resultar útil en portafolios, pero no recomiendo usarlo en proyectos grandes. dtsv.dtse_post_3619_permalink = ‘http://www.cssblog.es/galeria-efecto-de-escala-de-grises-css-jquery/’; dtsv.dtse_post_3619_title = ‘Galería con efecto de … Lee más!
Crear un slideshow con CSS y JQuery
Hay muchas formas de presentar imágenes para enseñarlas a los usuarios. Una de ellas es el rotador de imágenes. Con HTML, CSS y un poco de JQuery podemos crear una forma de ver nuestras imágenes de forma amena, sencilla y eficaz. dtsv.dtse_post_2386_permalink = ‘http://www.cssblog.es/crear-un-slideshow-con-css-y-jquery/’; dtsv.dtse_post_2386_title = ‘Crear un slideshow con CSS y JQuery’;
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 (<ul><li></li></ul>). El código es completamente personalizado, por lo que podremos incluir o eliminar cualquier información que … Lee más!
