HTML Text mit Box transparent zu hintergrund
Wie kann man einen Text mit Box erstellen wo der text transparent zum Hintergrund ist.
Der hier verwendete Code
xxx
<!DOCTYPE>
<html lang="de">
<head>
<style>
html {
background: #fff;
}
body {
padding: 0;
margin: 0;
background: url(/image/615-1499x1000.jpg);
background-size: 100%;
background-size: cover;
background-repeat: no-repeat;
}
div{
mix-blend-mode:darken;
height:500px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
font-size: 18vw;
}
blockquote {
color:#aaaaaa;
text-shadow:1px 1px 1px black;
margin-bottom: 100px;
padding:20px;
background:rgba(0,255,0,1);
}
blockquote::select{
background:none;
}
</style>
</head>
<body>
<div>
<blockquote>Test schrift</blockquote>
</div>
</body>
</html>