연습장
핀터레스트 스타일 레이아웃 (벽돌 레이아웃, masonry) 본문
https://opentutorials.org/course/2473/13712
핀터레스트 스타일 레이아웃 만들기 (masonry) - 생활코딩
소개 masonry는 벽돌을 쌓는 공사, 석조라는 의미를 가지고 있습니다. 사진 공유 서비스인 핀터레스트가 인기를 끈 이후에 핀터레스트와 같은 스타일의 레이아웃이 크게 인기를 끌었는데요. 이러
opentutorials.org
width를 %로 잡을 수 없음. vw는 가능!
CSS Grid로 Masonry 레이아웃 만들기
grid-template-rows: masonry란 스펙이 작년에 추가되어 이제 자바스크립트 한 줄 없이도 Masonry 레이아웃을 구현할 수 있는 시대가 오긴 했지만, 크롬 최신 버전에서도 layout.css.grid-template-masonry-value.enable
marshall-ku.com
js를 이용하여 벽돌 레이아웃 만들기
'css' 카테고리의 다른 글
| 그라디언트 보더 사용하기 (0) | 2022.02.10 |
|---|---|
| 포토샵 drop-shadow 를 css로 그대로 표현하기 (0) | 2021.12.16 |
| reset css (0) | 2021.11.10 |
| 컨텐츠 뒤에서 옆으로 지나가는 텍스트 애니메이션 (0) | 2021.11.09 |
'css' Related Articles
more
