当前位置：网站首页>Achieve waterfall effect
Achieve waterfall effect
2022-07-28 21:25:00 【Longyu longyu12】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.main_cell{
columns: 5;
width: 1100px;
position: relative;
left: 50%;
margin-left: -550px;
column-gap: 5px;
}
.img_cell,.img_item{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="main_cell">
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic16.nipic.com%2F20111008%2F5203963_093910733000_2.jpg&refer=http%3A%2F%2Fpic16.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=38bbac8860f0dd1de7c4cb6950827213" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic14.nipic.com%2F20110527%2F7539498_003034652127_2.jpg&refer=http%3A%2F%2Fpic14.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=accd04ebf014e1e36f75307dcbfe8fd7" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwx1.sinaimg.cn%2Fmw690%2F002UWGmply1guojkdo2myj60v912ah1602.jpg&refer=http%3A%2F%2Fwx1.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=7cb45cb8c9b4b57cdb8cb7a7d0d9b7f4" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwx3.sinaimg.cn%2Fmw690%2F002UWGmply1guojkec979j60v9120q8o02.jpg&refer=http%3A%2F%2Fwx3.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=bc4820183643b3a96b48da58265b7259" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fww4.sinaimg.cn%2Fmw690%2F002UWGmply1guojkenpgrj60v912aahq02.jpg&refer=http%3A%2F%2Fwww.sina.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=a3683c7eacbff5880788477af17a2e8e" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic21.nipic.com%2F20120606%2F5137861_093119370162_2.jpg&refer=http%3A%2F%2Fpic21.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=d34e366d0d95a22f80212ba0c0cbaee4" alt="" srcset="">
</div>
<div>
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fww1.sinaimg.cn%2Fmw690%2F002UWGmply1guojkaind4j60u011i79n02.jpg&refer=http%3A%2F%2Fwww.sina.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=5f4429b18cb6c3c9f642f2dead395e45" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_bt%2F0%2F14049074344%2F641&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=2449df9759c0b2e34b4ecc729d38f3aa" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic13.nipic.com%2F20110324%2F6999402_050849259122_2.jpg&refer=http%3A%2F%2Fpic13.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=18234e60e4e0ee51dcf4a4c217b99b41" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic13.nipic.com%2F20110324%2F6999402_050849259122_2.jpg&refer=http%3A%2F%2Fpic13.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=18234e60e4e0ee51dcf4a4c217b99b41" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic13.nipic.com%2F20110324%2F6999402_050849259122_2.jpg&refer=http%3A%2F%2Fpic13.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=18234e60e4e0ee51dcf4a4c217b99b41" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic13.nipic.com%2F20110324%2F6999402_050849259122_2.jpg&refer=http%3A%2F%2Fpic13.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=18234e60e4e0ee51dcf4a4c217b99b41" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwx1.sinaimg.cn%2Fmw690%2F002UWGmply1guojkdo2myj60v912ah1602.jpg&refer=http%3A%2F%2Fwx1.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=7cb45cb8c9b4b57cdb8cb7a7d0d9b7f4" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwx3.sinaimg.cn%2Fmw690%2F002UWGmply1guojkec979j60v9120q8o02.jpg&refer=http%3A%2F%2Fwx3.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=bc4820183643b3a96b48da58265b7259" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fww4.sinaimg.cn%2Fmw690%2F002UWGmply1guojkenpgrj60v912aahq02.jpg&refer=http%3A%2F%2Fwww.sina.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=a3683c7eacbff5880788477af17a2e8e" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic13.nipic.com%2F20110324%2F6999402_050849259122_2.jpg&refer=http%3A%2F%2Fpic13.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=18234e60e4e0ee51dcf4a4c217b99b41" alt="" srcset="">
</div>
<div class="img_cell">
<img class="img_item" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic13.nipic.com%2F20110324%2F6999402_050849259122_2.jpg&refer=http%3A%2F%2Fpic13.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636445490&t=18234e60e4e0ee51dcf4a4c217b99b41" alt="" srcset="">
</div>
</div>
</body>
</html>
边栏推荐
- Coding with these 16 naming rules can save you more than half of your comments!
- 详细讲解C语言12（C语言系列）
- SQL server中提示对象名无效
- Ctfshow question making web module web11~web14
- (转)冒泡排序及优化详解
- Discussion: if you want to land Devops, is it enough to only consider a good PAAS container platform?
- Uniapp progress bar customization
- Redis缓存雪崩、缓存穿透、缓存击穿
- Reading and writing basic data types in protobuf
- 1162. 地图分析-非递归法
猜你喜欢
How to measure software architecture
The 35 required questions in MySQL interview are illustrated, which is too easy to understand
Applet container technology improves mobile R & D efficiency by 500%
The ref value ‘xxx‘ will likely have changed by the time this effect function runs. If this ref......
35 道 MySQL 面试必问题图解，这样也太好理解了吧
上市1个月接连发生两起安全事故，理想L9还理想吗？
Guo Mingxuan: meta contraction is conducive to the development of VR competitors, and apple XR headshow will change the industry rules
Mobilevit: challenge the end-to-side overlord of mobilenet
How to build a foreign environment for the self-supporting number of express evaluation? How much does it cost?
![[Zhou Zhou has a prize] cloud native programming challenge](/img/0d/e26e37cddf3cf01b5e9dcaf7211106.png)
[Zhou Zhou has a prize] cloud native programming challenge "edge container" track invites you to fight!
随机推荐
Redis缓存雪崩、缓存穿透、缓存击穿
Summary of 29 typical problems in Devops planning and construction of securities enterprises based on containerized PAAS platform
一名在读研究生的自白：我为什么会沉迷于openGauss 社区？
Study - Summary of geometric calculations
Bug of Dom4j
九鑫智能正式加入openGauss社区
Automatic filling of spare parts at mobile end
protobuf 中基础数据类型的读写
DELTA热金属检测器维修V5G-JC-R1激光测量传感器/检测仪原理分析
Go concurrent programming basics
uniapp的进度条自定义
【云原生】什么是 CI/CD ? | 摆平交付障碍的 CI/CD
Database -- use of explain
Maxwell 一款简单易上手的实时抓取Mysql数据的软件
Paging function (board)
Zcmu--5066: dark corridor
4.2 Virtual Member Functions
牛客打开摄像头几秒后画面消失 | 相机打开画面一闪一闪
MFC WPF WinForm (Industrial MFC or QT)
Ijcai2022 tutorial | dialogue recommendation system