Rework frontend
This commit is contained in:
@@ -0,0 +1,31 @@
|
||||
<script>
|
||||
export default {
|
||||
name: "ScrollTimeline"
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div id="progress"></div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
@keyframes grow-progress {
|
||||
from { transform: scaleX(0); }
|
||||
to { transform: scaleX(1); }
|
||||
}
|
||||
|
||||
#progress {
|
||||
top: 0;
|
||||
height: 2px;
|
||||
background: #294F8C;
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
|
||||
transform-origin: 0 50%;
|
||||
animation: grow-progress auto linear;
|
||||
animation-timeline: scroll();
|
||||
}
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user