Scroll half by half pure #CSS
(6.8.17) Hace ya un buen tiempo que marqué en Codepen con un 💔 un pen de Eduardo Bouças titulado A split screen gallery por un doble motivo: M...
Mostrando entradas con la etiqueta galería. Mostrar todas las entradas
#maCSSonry layout puro #CSS Grid
(27.7.17) Así, como adelanto, para que disfrutes investigando por tu cuenta y descubriendo algo más de todo el potencial que se esconde en el CSS ...
101 Galerías Css. Escaparate e inspiración.
(26.3.17) Las Galerías de CSS son una gran manera de dar a conocer tus realizaciones, a la vez que puedes obtener visitas que de otro modo nunca apare...
28 slaiders, galerías y pestañas o tabs en puro Css
(1.6.16) Hay un post que sin ser el más popular por visitas o comentarios sí está entre los que más consultas genera. Es el titulado Sistema de p...
Troceado de imagen y manejo independiente de cada parte puro Css. Dos sliders
(31.3.16) Un efecto vistoso es dividir una imagen en varios trozos al realizar alguna acción, como un :hover . O al revés, presentarla inicialment...
Esto es todo, amigos. Un lightbox de dibujos animados puro Css
(11.2.16) Vamos con un sencillo "lightbox" realizado en puro Css utilizando la pseudoclase :checked . En esta ocasión la demo parte de una p...
La tienda Css: 100 referencias con sólo 1 imagen
(9.11.15) La típica galería de productos. Tienes un objeto disponible en un sinfín de colores y debes mostrarle al visitante todas y cada una de...
Comparativa galería imágenes deslizantes: jQuery frente a Css
(23.10.15) Hace unas fechas, @Oloman publicaba en su gran blog un interesante artículo (como todos los demás) para realizar una galería de imágen...
Javascript con Furoya: jugando con visores y galerías de imágenes
(20.9.15) Hay en este blog infinidad de sliders Css con diferente mecánica y varios efectos visuales. No voy a agregar otro más (ni mucho menos), ...
Múltiples labels por cada input y un input para controlarlas a todas. Slide demo
(27.5.15) Hace unas fechas compartía con todos una pequeña realización basada en el hecho de que no es necesario que el input y sus label sean adyacen...
Simple rwd gallery powered by Css: rotando posiciones
(2.4.14) Una sencilla galería "responsive" en puro css. Sencilla y ordenada en cuanto a su visualización. Los items van rotando posiciones ...
:hover guillotinado. Jugando con falsas diagonales
(16.1.14) De esto que llegas a una galería fotográfica y piensas que tienes que compartirla, que algunas imágenes merecen la pena su disfrute. Pero ...
Automanual-K galería puro Css, paso automático, pausa al hover y slider manual
(4.9.13) Hace unas fechas publiqué una serie de variaciones de galerías de imágenes realizadas con puro Css. Una a pantalla completa y paso automáti...
Filtrar datos con Css y emular consultas a bases de datos :checked ~ :not
(11.2.13) Una demo para mostrar resultados filtrados por categoría, simulando una consulta a una base de datos. Con opciones para mostrar todo el cont...
4 tooltips y 4 enlaces en el mismo elemento en función del lado por donde hagas :hover
(22.1.13) El recurso del tooltip o globo emergente es un recurso muy común para complementar la info sobre el elemento al hacer :hover sobre él. En la...
Caso de estudio. La galería de Apple: box-shadow discreto y acortado
(11.1.13) Los efectos basados en la propiedad box-shadow han seguido una línea muy clara: cada vez son más discretos y suaves. Hemos ido viendo cómo...
Galería de elementos desiguales con distribución uniforme puro Css.
(8.5.12) Cómo solucionar sólo con Css el problema de la distribución homogénea y ocupación de todo el espacio en la vertical de cajas con alturas dis...