Sha256: be2d4f26e91073bfe0baf836f9e1842b1c0a1157975a9d803fd6ffbbf0968e12
Contents?: true
Size: 1.22 KB
Versions: 7
Compression:
Stored size: 1.22 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
7 entries across 7 versions & 1 rubygems