html全屏毛玻璃特效,html纯css实现毛玻璃效果

作业

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body,

.item::before {

background: url('http://myitmx1.bejix.cn/cat.jpg') no-repeat center fixed;

background-size: cover;

}

body {

height: 100vh;

width: 100vw;

display: flex;

justify-content: center;

align-items: center;

}

.item {

position: relative;

width: 60%;

height: auto;

padding: 30px;

border-radius: 10px;

box-shadow: 0 0 5px 1px #fff;

color: #fff;

font-size: 15px;

font-weight: lighter;

line-height: 35px;

overflow: hidden;

}

.item::before {

content: '';

display: block;

position: absolute;

z-index: -1;

top: 0;

left: 0;

right: 0;

bottom: 0;

margin: -20px;

filter: blur(10px);

}

h2 {

text-align:center;

color:#333;

}

p {

font-size:18px;

color:#FFFFFF;

text-decoration:underline;

}

漫长的告别

他转身走出去。我望着门关上。我聆听他的脚步顺着仿大理石长廊走开。过了一会儿声音渐小，终于静下来。我还是继续听。听什么？莫非希望他突然止步，转身回来，说服我改变心中的感受？算了，他没有。那是我最后一次见到他。

我再未见到他们中任何一位——除了警察。还没有人发明告别警察的方法。