css+svg实现孔雀开屏动画效果代码
代码语言:html
所属分类:动画
代码描述:css+svg实现孔雀开屏动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
body {
background: #000;
}
.p_feathers use {
transform-origin: 150px 140px;
animation-direction: alternate;
animation-duration: 1s;
animation-iteration-count: infinite;
z-index: -1;
}
.p_feathers use:nth-child(2) {
animation-name: anim-feather-2;
}
.p_feathers use:nth-child(3) {
animation-name: anim-feather-3;
}
.p_feathers use:nth-child(4) {
animation-name: anim-feather-4;
}
.p_feathers use:nth-child(5).........完整代码请登录后点击上方下载按钮下载查看
网友评论0