这里有一个简单的例子，玩它以获得更好或更合适的结果。感谢Unsplash提供的测试图像。下一次，试着让你的问题更清楚，展示你的作品！

body {
    /* Image for testing purposes, thanks for Unsplash */
    background-image: url("https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100");
    background-position: center;
}
.glass {
    /* CSS for Glass UI, play with it for better or more suitable results */
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.57);
    border-radius: 12px;
    border: 1px solid rgba(209, 213, 219, 0.3);
    /* <div> size */
    width: 400px;
    height: 300px;
    /* Make nice text */
    text-align: center;
    vertical-align: middle;
    line-height: 300px;
    font-family: cursive;
    font-size: 40px;
}

<div class="glass">Hello!</div>