引自：
https://www.cnblogs.com/chenweichu/p/7577771.html
.arrow_box{animation: glow 800ms ease-out infinite alternate; } @keyframes glow { 0% { border-color: #393; box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 1px 0 #393; } 100% { border-color: #6f6; box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 1px 0 #6f6; } }
引自：https://www.cnblogs.com/chenweichu/p/7577771.html.arrow_box{animation: glow 800ms ease-out infinite alternate; }@keyframes glow { 0% { border-color: #393; box-shadow: 0 0 5...
使用
css
animation动画做闪动效果
在拖拽div节点时，给div节点添加diagramTop-item-click
样式
，使用
css
animation动画0.5秒执行一次。
css
样式
.diagramTop-item {
width: 102px;
height: 32px;
background-color: #0e141f;
border: 1px solid #090d14;
box-shadow: 0px 1px 0px 0px rgba(9, 1
<head>
.arrow_box{animation: glow 800ms ease-out infinite alternate; }
@keyframes glow {
border-color: #393;
box-shadow: 0 0 5px rgba(0,25...
overflow: hidden; /* 超出内容隐藏 */
white-space: nowrap; /* 不换行 */
text-overflow: ellipsis; /* 超出省略号显示 */
然后在HTML中添加需要滚动的文字即可：
```html
<div>这是一段需要滚动的文字，可以实现文字超出跑马灯的效果。</div>
