样式transform和animation冲突

说明: 样式transform和animation作用在同一个元素当中会造成冲突

解决方法:用父子级结构实现功能,transform作用在父级,animation作用在子级,可以达到同样的效果同时避免冲突

.test {
    transform: skewX(30deg);
    animation: spin-loading 1s none linear infinite;
}

你可能感兴趣的:(css,html,css3)