11 March 2017 / layout

CSS Grid Layout with @support flexbox fallback

Example of CSS Grid Layout using grid-areas through three different media queries to make it responsive.

codepen

See the Pen CSS Grid Layout with @support flexbox fallback by Gustaf Holm (@primalivet) on CodePen.

— HTML JavaScript CSS Snippets | CodeTea.com —

layout

31 August 2018

Thumbnail Presentation with CSS Grid

This should work with older browsers as far as IE9. Older browsers and non-supporting browsers will get a "conservative" design instead.

29 August 2018

Cool Layout with Complex Chainable Animation

Based on addition of just 2 classes with JS (and simple hover) this demo features a lot of cool chaining animations, combined with good performance and sort-of easy-to-maintain SCSS.

27 August 2018

Perspective Grid Animation to create something a little unique

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

— Next Post — — Prev Post —

11 March 2017

social buttons with css3 transitions

CSS3 Social buttons CSS3 social buttons with css3 transitions by fox_hover. codepen See the Pen CSS3 Social buttons vol.1 by fox_hover (@fox_hover) on CodePen.