逆水行舟用力撑，一篙松劲退千寻。
01.百叶窗
今日份打卡！---经验值+1！
进度：001
效果图：
鼠标经过：
（有过渡）
代码：
<!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>百叶窗</title><style>*{padding: 0;margin: 0;}body{background-color: darkslategray;}.box{width: 1700px;height: 224.5px;margin: 20% 20%;}li{width : 65px;height : 224.5px;display: inline-block;list-style: none;position: relative;transition: all 0.3s;}/* li:hover{width: 200px;} */.img{position: absolute;left: 0;bottom: 0;}.box:hover li{width: 200px;}</style>
</head>
<body><ul class="box"><li><div class="img"><img src="../案例/images/2.jpg" alt="" width="400px" height=""></div></li><li><div class="img"><img src="../案例/images/3.jpg" alt="" width="400px" height=""></div></li><li><div class="img"><img src="../案例/images/4.jpg" alt="" width="400px" height=""></div></li><li><div class="img"><img src="../案例/images/1.jpg" alt="" width="400px" height=""></div></li></ul>
</body>
</html>
