svg动效背景

实现方式：

1、在svg文件中添加css动画

.triangle{
    animation: rot 8s 0.5s infinit cubic-bezier(0.645,0.045,0.355,1)
}
@keyframe rot {...}

2、将svg文件引入到背景中去

.dom{
    background-image: url('mysvg.svg')
}

之后背景就动起来了

进阶玩法：

dom的子元素添加混合模式和背景后，当前元素和子元素可实现文字渐变动画

.dom-child:{
    mix-blend-mode: lighten;
    background: #fff;
}