CSS로 흐르는 이미지 배너 만들기

흐르는 형태의 배너를 만들 일이 종종 있는데

CSS로 간단하게 만들 수 있어서 정리해봤다.

 

 

 

가로로 흐르는 배너

 

See the Pen flow banner - 가로 by seuliing (@seuliing) on CodePen.

 

 

 

세로로 흐르는 배너

 

See the Pen CodePen Home flow banner - 세로 by seuliing (@seuliing) on CodePen.

 

 

 

마우스를 올리면 css 애니메이션을 멈춰서

일시정지 효과를 주기도 했다.