CSS3属性transform

transform链接:https://www.cnblogs.com/xiaomifeng/p/9139632.html

transition,animation链接:https://www.jianshu.com/p/ec150b884a3b

多个动画

当要对一个元素添加多个动画效果时,需要用,分隔开来,如:

.element {
  animation: fadeIn 4s 1s infinite linear alternate,
            rotate 4s 1s infinite linear alternate;
}

@keyframes fadeIn {
  to {
    opacity: 0;
  }
}

@keyframes rotate {
  to {
    transform: rotate(180deg);
  }
}

 

上一篇:洛谷 P4130 [NOI2007]项链工厂


下一篇:CSS3