瀑布流效果
作者:互联网
使用到css两种方式简单实现,但是都有各自局限,需要结合js才能写出完美的瀑布流。
<iframe allowfullscreen="true" allowtransparency="true" frameborder="no" height="300" loading="lazy" scrolling="no" src="https://codepen.io/songcubi/embed/mdxVJYp?default-tab=html%2Cresult&theme-id=light" style="width: 100%" title="瀑布流效果( flex实现)"> See the Pen 瀑布流效果( flex实现) by songcubi (@songcubi) on CodePen. </iframe> <iframe allowfullscreen="true" allowtransparency="true" frameborder="no" height="300" loading="lazy" scrolling="no" src="https://codepen.io/songcubi/embed/eYMJNMw?default-tab=html%2Cresult&theme-id=dark" style="width: 100%" title="瀑布流效果( column-count 实现)"> See the Pen 瀑布流效果( column-count 实现) by songcubi (@songcubi) on CodePen. </iframe> - demo来源于对B站CodingStartup偶像的学习。标签:效果,Pen,songcubi,See,瀑布,CodePen 来源: https://www.cnblogs.com/songcubi/p/16450528.html