<!--slot中写要滚动的内容-->
<template>
<div class="marquee">
<slot></slot>
</div>
</template>
<script>
import {defineComponent} from "vue";
export default defineComponent({
name: "marquee"
})
</script>
<style scoped>
.marquee {
display: inline-block;
padding-left: 100%;
animation: marquee 25s linear infinite;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
</style>
手写marque,字母滚动
于 2023-11-13 16:51:11 首次发布