<p>Det Som Engang Var</p>
<div class="cross"></div>
html {
background: url('https://source.unsplash.com/0EP4QyCjtgE') no-repeat center center fixed;
//background-repeat: no-repeat;
background-size: cover;
font-family: 'UnifrakturCook', cursive;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.cross {
background: url("https://media.giphy.com/media/eLkPtl1qhWfFF4wZvb/giphy.gif") no-repeat center center fixed;
//background-repeat: no-repeat ;
//background:lightgrey;
width: 410px;
height: 580px;
clip-path: polygon(13% 59%, 40% 59%, 40% 6%, 57% 6%, 57% 59%, 83% 59%, 83% 68%, 57% 68%, 57% 100%, 40% 100%, 40% 68%, 13% 68%);
opacity: 80%;
}
p {
text-align:center;
font-size: 45px;
margin-bottom: -50px;
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.