毛玻璃文本效果 转自马黑教程专版

admin

小城的夜总来得太慢
一盏灯背着影子作伴
心理的话说了又断
没人听懂这声轻叹
以为日子就这样过完
把远方藏进岁月里面
忽然一阵风吹到耳边
问我还要忍到哪一天
山风等等我带我去山那边
让我看看外面的天
哪怕一眼也心甘情愿
不再把梦锁在山里面
山风等等我带我去山那边
哪怕只走一天半天
总被山挡住我的视线
让我也能飞得更远

admin

<style type="text/css">
/* 底层盒子 */
.diC {
        margin: auto;
        width: 760px;
        background: #000 url('图片地址') no-repeat center/contain; /* linear-gradient(green, tomato, black, olive); */
        position: relative;
}
/* 文本层 */
.textC{
        padding: 20px;
        font-family: '微软雅黑','黑体';
        font-size: 1.2em;
        background: rgba(255, 255, 255, .3);
        color: #aaa;
        text-shadow: 1px 1px 2px #111, 1px 1px 1px #eee;
        backdrop-filter: blur(5px);
}

</style>

<div class="diC">
        <div class="textC">
                文本内容
        </div>
</div>