Random Forum screenshots

[Ginger]

unnamed.jcink.net/

[Ginger]

#header {
background: url(/uploads/iacs/Skin/IAbanner.jpg) no-repeat;
width: 96%;
background-size: cover;
height: 300px;
position: relative;
left: 53px;
top:0px;
border-bottom: 30px solid #000;
transition: 0.3s;
}

header::before,
header::after {
content: '';
display: block;
width: 100%;
position: absolute;
top:30px;
}

header::before {
/* Red gradients for blood */
background:
linear-gradient(red 50%, transparent 60%),
radial-gradient(#d40000 50%, transparent 70%),
radial-gradient(red 30%, transparent 40%),
radial-gradient(#d40000 10%, transparent 20%),
radial-gradient(red 10%, transparent 15%);

background-position: 0 0, -70% -78%, 71% 0%, 7% 23%, 5% 49%;

/* Background blend for bleed effect */
mix-blend-mode: multiply;

/* Mouse ignore blood */
pointer-events: none;

/* Hide before hover transition */
opacity: 0;
transform: translateY(-100%);

/* Mouseout effect */
transition: opacity 3s linear, transform 1s 3s linear;

height: 110%;
top: 0;
}

/* Hover transition */
header:hover::before {
opacity: 1;
transform: translateY(0);
transition: opacity 1s 0s, transform 5s 0s linear;
}