Commit 99f2742c authored by Ken Hawkins's avatar Ken Hawkins
Browse files

Remove animation

Relates to performance and forthcoming content optimisation as discussed with WCC #23
parent 5ac3b36c
Pipeline #76916 passed with stages
in 2 minutes and 55 seconds
......@@ -70,10 +70,10 @@
<div class="masthead-background" style="position: relative; z-index: 1; height: 380px; opacity: .7;">
<div class="row masthead-background-inner"></div>
</div>
<div class="with-overlay row background-1" style="position: relative; z-index: 2; top: -380px; height: 380px; ">
<div class="with-overlay row background-1" style="position: relative; z-index: 2; top: -760px; height: 380px; ">
<div class="caption medium-12"></div>
</div>
<div class="with-overlay row background-2" style="position: relative; z-index: 3; top: -760px; height: 380px; ">
<div class="with-overlay row background-1" style="position: relative; z-index: 3; top: -760px; height: 380px; ">
<div class="caption medium-12"></div>
</div>
<div class="masthead-inner padding-top-none">
......@@ -190,67 +190,6 @@
.masthead .with-overlay.background-1 .caption {
background-image: url(//www.ebi.ac.uk/front-page-archive/201909/annual-report-2018-frame-1.jpg);
animation-duration: 100s;
animation-timing-function: linear;
animation-name: fader1;
animation-iteration-count: infinite;
position: relative;
transform: translate(-1em);
}
.masthead .with-overlay.background-2 .caption {
background-image: url(/front-page-archive/201909/annual-report-2018-frame-2.jpg);
mix-blend-mode: multiply;
animation-duration: 5s;
animation-timing-function: linear;
animation-name: fader2;
animation-iteration-count: infinite;
opacity: 0;
position: relative;
transform: translate(0);
}
}
@keyframes fader1 {
0% {
transform: translate(0em);
}
25% {
transform: translate(-1em);
}
50% {
transform: translate(0em);
}
75% {
transform: translate(1em);
}
100% {
transform: translate(0em);
}
}
@keyframes fader2 {
0% {
opacity: 0;
transform: translate(0em);
background-size: 100%;
}
50% {
opacity: .15;
transform: translate(.1em);
background-size: 130%;
}
100% {
opacity: 0;
transform: translate(5em);
background-size: 150%;
}
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment