CSS样式链接

Question

是否可以为我的所有三个div使用一种样式,使其简洁明了,并保持动画的有效性？任何帮助深表感谢.

的jsfiddle

Answer 1

你的意思是将css应用于所有三个元素？如果是这样,你只需要这样做:

.a, .b, .c {
  width: 15px;
  height: 15px;
  background: #dbdbdb;
  border-radius: 50px;
  display: inline-block;
}
.a {animation-delay: 1s;
  animation: fade 1s forwards;}
.b {animation-delay: 2s;
  animation: fade 2s forwards;}
.c {animation-delay: 3s;
  animation: fade 3s forwards;}
@keyframes fade {
0%   {opacity:0;}
50%   {opacity:1;}
100% {opacity:0;}}?