其他分享
首页 > 其他分享> > 瀑布流效果

瀑布流效果

作者:互联网

使用到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