先上效果圖：
屏幕快照 2020-01-02 下午5.28.13.png
1. html部分
<div class="login_images">
<div class="testView">
<div>
<br />
<br />
<br />
<h3>五點半了挺份，雨沒有停的意味</h3>
<h3>我回頭看看你的照片凭舶，與你又一次對視</h3>
<h3>注視我的不是此刻的你，不是你的少年就是你的暮年</h3>
<h3>我走過的這部分你不在</h3>
<h3>雨打在香樟樹上憋飞，碎為水，落下來</h3>
<h3>雨打在瓦上疾牲，碎為水嬉愧，落下來</h3>
<h3>雨打在池塘上，碎為石頭剂碴，落下去</h3>
<h3>我關(guān)門的時候把将，又看了看面前的公路</h3>
<h3>直到夜幕落下，把雨都包裹起來</h3>
<h3>也不見一個人</h3>
<h2 >——《你那里下雨了嗎》</h2>
</div>
</div>
</div>
2.css部分
.login_images {
width: 100%;
height: 100vh;
background: url("/static/images/login.jpg") no-repeat;
background-size: cover;
background-position: center center;
display: flex;
justify-content: center;
align-items: center;
}
.testView {
width: 500px;
height: 800px;
background: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(20px);
}
關(guān)鍵在 backdrop-filter: blur(20px);這個地方忆矛。
