css实现边框的跑马灯效果

.jsctrl-notice-box {
  display: none;
  position: relative;
  display: inline-block;
  width: 800px;
  max-width: 90%;
  color: #111;
  background-image: linear-gradient(-45deg,#FBC04B 25%,rgba(0,0,0,0)25%,rgba(0,0,0,0)50%,#FBC04B 50%,#FBC04B 75%,rgba(0,0,0,0)75%,rgba(0,0,0,0));
  animation: antBorder 1.5s linear 0s infinite normal;
  background-size: 30px 30px;
  padding: 3px;
  border-radius: 6px;
  box-shadow: 0 0 16px 0 rgba(0,0,0,.6);
  vertical-align: middle;
  box-sizing: border-box;
  transition: all .3s linear;
  z-index: 990;
}
此条目发表在css分类目录。将固定链接加入收藏夹。

发表回复