Sha256: 5b4bb35e52ef4a8f7f92859aba88041b4db2e749d4dbd738ba5cfaae06856201
Contents?: true
Size: 1.21 KB
Versions: 4
Compression:
Stored size: 1.21 KB
Contents
<p class="title _overlay-load">loading</p>
<div class="box _load">
<div class="bar _load"></div>
</div>
<script type="text/javascript">
let SiteTl = gsap.timeline({repeat:-1,repeatDelay:0.3});
function LoadAnim() {
let speed = 0.3,
title = '.title._overlay-load',
box = '.box._load',
bar = '.bar._load';
SiteTl
.set(title,{
fontFamily: "'FuturaBT-Bold', 'Helvetica Neue', sans-serif",
textTransform: "uppercase",
fontSize: "4.8rem",
color: "red"
})
.set(box,{borderColor: "red"})
.set(bar,{backgroundColor: "red"})
.set(title,{
fontFamily: "'FuturaBT-Book', 'Helvetica Neue', sans-serif",
textTransform: "none",
fontSize: "4.4rem",
color: "blue"
},"+=" + speed)
.set(box,{borderColor: "blue"})
.set(bar,{
backgroundColor: "blue",
width: "43%"
})
.set(title,{
fontFamily: "'FuturaBT-BookItalic', 'Helvetica Neue', sans-serif",
fontSize: "5.4rem",
color: "black"
},"+=" + speed)
.set(box,{borderColor: "black"})
.set(bar,{
backgroundColor: "black",
width: "93%"
})
;
}
LoadAnim();
</script>
Version data entries
4 entries across 4 versions & 1 rubygems