2018-12-27 20:19:21 +01:00
|
|
|
[v-cloak] > * { display:none }
|
|
|
|
[v-cloak]::before { content: "loading…" }
|
2018-12-28 23:12:16 +01:00
|
|
|
|
|
|
|
canvas#fireworks{
|
|
|
|
width: 100vw;
|
|
|
|
height: 100vh;
|
|
|
|
position: fixed;
|
|
|
|
}
|
2018-12-30 20:28:36 +01:00
|
|
|
|
|
|
|
.perk-zoom{
|
|
|
|
display: none;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2018-12-31 11:38:05 +01:00
|
|
|
.perk-zoom-bg{
|
|
|
|
position: absolute;
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
|
|
|
left:0;
|
|
|
|
top:0;
|
|
|
|
opacity: 0.9;
|
|
|
|
}
|
|
|
|
.perk-zoom-text{
|
|
|
|
left: 50%;
|
|
|
|
top: 50%;
|
|
|
|
border-radius: 50%;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
position: absolute;
|
|
|
|
}
|
2018-12-30 20:28:36 +01:00
|
|
|
.perk:hover .perk-zoom{
|
|
|
|
opacity:1;
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
|
|
|
left:0;
|
|
|
|
top:0;
|
|
|
|
}
|