20 September 2017 / Gallery

Nice responsive gallery with CSS columns

Magnific gallery

Nice responsive gallery with:

▪ CSS columns ▪ roll over, hover caption

▪ Magnific Popup script ▪ Zoom in effect

▪ Haml & Sass & CoffeeScript

Html
Css/SaSS
Javascript
modernizr.min.js
CoffeeScript
jquery.magnific-popup.min.js

Michal Niewitala

See the Pen Magnific gallery by Michal Niewitala 🍋 (@mican) on CodePen.

— HTML JavaScript CSS Snippets | CodeTea.com —

Thumbnail hover effect with CSS3.

Various grid style galleries that use CSS animations & transitions to morph thumb-sized blocks into full-size images.

This gallery utilizes CSS Grid Layout and CSS3 perspective to create something a little unique.

— Next Post —

Image gallery animation with HTML, CSS and JS.

— Prev Post —