vue3项目实现文字动画闪烁(阴影闪烁)
·
<div :class="{'text-flashing': scope.row.warning}">闪烁</div>
<style lang="scss" scoped>
.task-assign-container {
@keyframes blink {
0% {
text-shadow: 0 0 0px red;
}
50% {
text-shadow: 0 0 3px red;
}
100% {
text-shadow: 0 0 0px red;
}
}
.text-flashing {
color: red;
animation: blink 1s infinite;
}
}
</style>
执行复制操作 document.execCommand('copy');
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)