CSS
语言:
CSSSCSS
确定
p {
color: #fff;
}
@supports (mix-blend-mode: screen) {
p {
mix-blend-mode: screen;
position: relative;
background: #000;
}
p::after {
background: -webkit-linear-gradient(top, transparent, #000 3rem) no-repeat bottom center/100% 100%;
background: linear-gradient(180deg, transparent, #000 3rem) no-repeat bottom center/100% 100%;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
-webkit-transition: 0.5s ease-out;
transition: 0.5s ease-out;
}
p:hover::after {
background-size: 100% 0%;
}
}
/* Pen styling */
body {
background: #222 url(https://sou