반응형

Masonry - Cascading grid layout library

https://masonry.desandro.com/

 

Masonry

Install Download CDN Link directly to Masonry files on unpkg. Package managers Install with Bower:  bower install masonry --save Install with npm:  npm install masonry-layout Getting started HTML Include the Masonry .js file in your site. Masonry works o

masonry.desandro.com

https://codepen.io/desandro/pen/JdEyYQ

 

Masonry - layout method

...

codepen.io

 

반응형
반응형

Driveway: Pure CSS masonry layout

Driveway is a pure CSS masonry layout aid. It was developed using stylus, and is exploring pure CSS masonry layouts.

 

pure CSS masonry layouts 

 

driveway

driveway is an explorative project for developing pure CSS masonry layouts. It is developed using stylus.

  • easy to use
  • interactive
  • responsive
  • config driven
  • customisable
  • extendable

 

탭 사이즈 탭 세로 사이즈 스마트폰 세로 사이즈

 

 

PC 사이즈PC 사이즈

 

 

 

 

 

 

 

 

 

 

.

반응형
반응형

jQuery 의 동적레이아웃 플러그인.

A dynamic layout plugin for jQuery
The flip-side of CSS floats.


Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.


Demos





반응형

+ Recent posts