This commit is contained in:
@@ -36,34 +36,34 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
defineProps({
|
||||
animated: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
})
|
||||
defineProps({
|
||||
animated: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.base-logo-svg {
|
||||
.x, .c { transform-box: fill-box; }
|
||||
.l { stroke-width: 1.5; }
|
||||
.base-logo-svg {
|
||||
.x, .c { transform-box: fill-box; }
|
||||
.l { stroke-width: 1.5; }
|
||||
|
||||
&.is-animated {
|
||||
.x { animation: expand-r 6s infinite; }
|
||||
.c { animation: o 6s infinite; }
|
||||
.l {
|
||||
stroke-dasharray: 1;
|
||||
stroke-dashoffset: 1;
|
||||
animation: draw 6s infinite;
|
||||
&.is-animated {
|
||||
.x { animation: expand-r 6s infinite; }
|
||||
.c { animation: o 6s infinite; }
|
||||
.l {
|
||||
stroke-dasharray: 1;
|
||||
stroke-dashoffset: 1;
|
||||
animation: draw 6s infinite;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes expand-r { 50% { r: 8px; } }
|
||||
@keyframes o { 50% { transform: var(--t); } }
|
||||
@keyframes draw {
|
||||
0%, 100% { stroke-dashoffset: 0; }
|
||||
50% { stroke-dashoffset: 1; }
|
||||
}
|
||||
</style>
|
||||
@keyframes expand-r { 50% { r: 8px; } }
|
||||
@keyframes o { 50% { transform: var(--t); } }
|
||||
@keyframes draw {
|
||||
0%, 100% { stroke-dashoffset: 0; }
|
||||
50% { stroke-dashoffset: 1; }
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user