svg+css实现人在走动窗户花开动画效果代码
代码语言：html
所属分类：动画
代码描述：svg+css实现人在走动窗户花开动画效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<style>
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=submit],[type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}body{overflow:hidden}.window__scene{position:relative;width:200vw;height:100vh;overflow:hidden;background:#E08183 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3OTguNzAycHgiIGhlaWdodD0iNzk4LjcwMnB4IiB2aWV3Qm94PSIwIDAgNzk4LjcwMiA3OTguNzAyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3OTguNzAyIDc5OC43MDIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxyZWN0IGZpbGw9IiNFMDgyODMiIHdpZHRoPSI3OTguNzAyIiBoZWlnaHQ9Ijc5OC43MDIiLz48Zz48cGF0aCBmaWxsPSIjRTY5QzlEIiBkPSJNMTcxLjMzOSwxODAuMDUxaC02OS4xODVjLTYuNjE4LDAtMTIuMDMzLDUuNDE0LTEyLjAzMywxMi4wMzJ2MjIuNTZjMCw2LjYxOCw1LjQxNSwxMi4wMzMsMTIuMDMzLDEyLjAzM2g2OS4xODVjNi42MTcsMCwxMi4wMzItNS40MTUsMTIuMDMyLTEyLjAzM3YtMjIuNTZDMTgzLjM3MiwxODUuNDY1LDE3Ny45NTcsMTgwLjA1MSwxNzEuMzM5LDE4MC4wNTF6Ii8+PHBhdGggZmlsbD0iI0U2OUM5RCIgZD0iTTIwMi44ODcsMTIzLjM3Nmg2OS4xODVjNi42MTgsMCwxMi4wMzMtNS40MTQsMTIuMDMzLTEyLjAzMnYtMjIuNTZjMC02LjYxOS01LjQxNS0xMi4wMzMtMTIuMDMzLTEyLjAzM2gtNjkuMTg1Yy02LjYxNywwLTEyLjAzMiw1LjQxNC0xMi4wMzIsMTIuMDMzdjIyLjU2QzE5MC44NTQsMTE3Ljk2MiwxOTYuMjcsMTIzLjM3NiwyMDIuODg3LDEyMy4zNzZ6Ii8+PHBhdGggZmlsbD0iI0U2OUM5RCIgZD0iTTIxNy45NjQsMTI3LjcxMmgtNjkuMTg1Yy02LjYxOCwwLTEyLjAzMyw1LjQxNS0xMi4wMzMsMTIuMDMydjIyLjU2MWMwLDYuNjE4LDUuNDE1LDEyLjAzMiwxMi4wMzMsMTIuMDMyaDY5LjE4NWM2LjYxOCwwLDEyLjAzMi01LjQxNSwxMi4wMzItMTIuMDMydi0yMi41NjFDMjI5Ljk5NiwxMzMuMTI3LDIyNC41ODIsMTI3LjcxMiwyMTcuOTY0LDEyNy43MTJ6Ii8+PHBhdGggZmlsbD0iI0U2OUM5RCIgZD0iTTEyOS43MywxNjIuMzA1di0yMi41NjFjMC02LjYxOC01LjQxNS0xMi4wMzItMTIuMDMyLTEyLjAzMkg0OC41MTNjLTYuNjE4LDAtMTIuMDMyLDUuNDE1LTEyLjAzMiwxMi4wMzJ2MjIuNTYxYzAsNi42MTgsNS40MTQsMTIuMDMyLDEyLjAzMiwxMi4wMzJoNjkuMTg2QzEyNC4zMTYsMTc0LjMzNywxMjkuNzMsMTY4LjkyMywxMjkuNzMsMTYyLjMwNXoiLz48cGF0aCBmaWxsPSIjRTY5QzlEIiBkPSJNNTE1LjYwNCwxMDcuOTIxdjIyLjU2MWMwLDYuNjE4LDUuNDE1LDEyLjAzMiwxMi4wMzIsMTIuMDMyaDY5LjE4NmM2LjYxOCwwLDEyLjAzMi01LjQxNSwxMi4wMzItMTIuMDMydi0yMi41NjFjMC02LjYxOC01LjQxNC0xMi4wMzItMTIuMDMyLTEyLjAzMmgtNjkuMTg2QzUyMS4wMTksOTUuODg5LDUxNS42MDQsMTAxLjMwMyw1MTUuNjA0LDEwNy45MjF6Ii8+PHBhdGggZmlsbD0iI0U2OUM5RCIgZD0iTTYyNy4zNjgsMTQyLjUxNGg2OS4xODVjNi42MTgsMCwxMi4wMzQtNS40MTUsMTIuMDM0LTEyLjAzMnYtMjIuNTYxYzAtNi42MTgtNS40MTYtMTIuMDMyLTEyLjAzNC0xMi4wMzJoLTY5LjE4NWMtNi42MTksMC0xMi4wMzIsNS40MTUtMTIuMDMyLDEyLjAzMnYyMi41NjFDNjE1LjMzNSwxMzcuMDk5LDYyMC43NDksMTQyLjUxNCw2MjcuMzY4LDE0Mi41MTR6Ii8+PHBhdGggZmlsbD0iI0U2OUM5RCIgZD0iTTU3NC4yNjEsMTU1LjI4NGMtNi42MTcsMC0xMi4wMzEsNS40MTUtMTIuMDMxLDEyLjAzM3YyMi41NjFjMCw2LjYxNyw1LjQxNCwxMi4wMzIsMTIuMDMxLDEyLjAzMmg2OS4xODdjNi42MTcsMCwxMi4wMzEtNS40MTUsMTIuMDMxLTEyLjAzMnYtMjIuNTYxYzAtNi42MTgtNS40MTQtMTIuMDMzLTEyLjAzMS0xMi4wMzNINTc0LjI2MXoiLz48cGF0aCBmaWxsPSIjRTY5QzlEIiBkPSJNMzU0LjIwMyw0MTMuMDR2LTIyLjU2MWMwLTYuNjE4LTUuNDE0LTEyLjAzMi0xMi4wMzItMTIuMDMyaC02OS4xODZjLTYuNjE3LDAtMTIuMDMyLDUuNDE1LTEyLjAzMiwxMi4wMzJ2MjIuNTYxYzAsNi42MTcsNS40MTUsMTIuMDMyLDEyLjAzMiwxMi4wMzJoNjkuMTg2QzM0OC43ODksNDI1LjA3MiwzNTQuMjAzLDQxOS42NTcsMzU0LjIwMyw0MTMuMDR6Ii8+PHBhdGggZmlsbD0iI0U2OUM5RCIgZD0iTTQ0MS45MDEsMzc4LjQ0N2gtNjkuMTg1Yy02LjYxOSwwLTEyLjAzMiw1LjQxNS0xMi4wMzIsMTIuMDMydjIyLjU2MWMwLDYuNjE3LDUuNDEzLDEyLjAzMiwxMi4wMzIsMTIuMDMyaDY5LjE4NWM2LjYxOCwwLDEyLjAzNC01LjQxNSwxMi4wMzQtMTIuMDMydi0yMi41NjFDNDUzLjkzNSwzODMuODYxLDQ0OC41MTksMzc4LjQ0Nyw0NDEuOTAxLDM3OC40NDd6Ii8+PHBhdGggZmlsbD0iI0U2OUM5RCIgZD0iTTM4OC43OTYsNDM3Ljg0MkgzMTkuNjFjLTYuNjE3LDAtMTIuMDMxLDUuNDE0LTEyLjAzMSwxMi4wMzN2MjIuNTYxYzAsNi42MTcsNS40MTQsMTIuMDMxLDEyLjAzMSwxMi4wMzFoNjkuMTg3YzYuNjE3LDAsMTIuMDMxLTUuNDE0LDEyLjAzMS0xMi4wMzF2LTIyLjU2MUM0MDAuODI4LDQ0My4yNTYsMzk1LjQxNCw0MzcuODQyLDM4OC43OTYsNDM3Ljg0MnoiLz48cGF0aCBmaWxsPSIjRTY5QzlEIiBkPSJNNzQzLjE3Nyw2NTYuMTg4aC02OS4xODVjLTYuNjE5LDAtMTIuMDMzLDUuNDE1LTEyLjAzMywxMi4wMzJ2MjIuNTZjMCw2LjYyLDUuNDE0LDEyLjAzMiwxMi4wMzMsMTIuMDMyaDY5LjE4NWM2LjYxNywwLDEyLjAzMy01LjQxMiwxMi4wMzMtMTIuMDMydi0yMi41NkM3NTUuMjEsNjYxLjYwMyw3NDkuNzk0LDY1Ni4xODgsNzQzLjE3Nyw2NTYuMTg4eiIvPjxwYXRoIGZpbGw9IiNFNjlDOUQiIGQ9Ik02OTYuNTUyLDcxMS4zMzNoLTY5LjE4NWMtNi42MTksMC0xMi4wMzIsNS40MTUtMTIuMDMyLDEyLjAzMnYyMi41NjFjMCw2LjYxNyw1LjQxMywxMi4wMzEsMTIuMDMyLDEyLjAzMWg2OS4xODVjNi42MTgsMCwxMi4wMzEtNS40MTQsMTIuMDMxLTEyLjAzMXYtMjIuNTYxQzcwOC41ODMsNzE2Ljc0OCw3MDMuMTcsNzExLjMzMyw2OTYuNTUyLDcxMS4zMzN6Ii8+PHBhdGggZmlsbD0iI0U2OUM5RCIgZD0iTTU5Ni44MjIsNzExLjMzM2gtNjkuMTg2Yy02LjYxNywwLTEyLjAzMiw1LjQxNS0xMi4wMzIsMTIuMDMydjIyLjU2MWMwLDYuNjE3LDUuNDE1LDEyLjAzMSwxMi4wMzIsMTIuMDMxaDY5LjE4NmM2LjYxOCwwLDEyLjAzMi01LjQxNCwxMi4wMzItMTIuMDMxdi0yMi41NjFDNjA4Ljg1NCw3MTYuNzQ4LDYwMy40NCw3MTEuMzMzLDU5Ni44MjIsNzExLjMzM3oiLz48cGF0aCBmaWxsPSIjRTY5QzlEIiBkPSJNNTU0LjkyNiw3OS41OTdWNTcuMDM2YzAtNi42MTctNS40MTUtMTIuMDMyLTEyLjAzMi0xMi4wMzJoLTY5LjE4N2MtNi42MTcsMC0xMi4wMzEsNS40MTUtMTIuMDMxLDEyLjAzMnYyMi41NjFjMCw2LjYxOCw1LjQxNCwxMi4wMzIsMTIuMDMxLDEyLjAzMmg2OS4xODdDNTQ5LjUxMSw5MS42MjksNTU0LjkyNiw4Ni4yMTUsNTU0LjkyNiw3OS41OTd6Ii8+PC9nPjwvZz48L3N2Zz4=) repeat;background-size:30%}.window__wrapper{position:absolute;top:50%;left:150vw;transform:translate(-50%,-50%)}svg:not(:root){overflow:visible;display:block;width:200vw}.btn-start{transform:translateX(-100vw)}.btn-start__neon{-webkit-animation:btn-start__neon 1s steps(1,end) infinite;animation:btn-start__neon 1s steps(1,end) infinite}#start:target .window__scene{-webkit-animation:wall 8s linear forwards 2s,wall--ease 6s ease-out forwards 6.7s;animation:wall 8s linear forwards 2s,wall--ease 6s ease-out forwards 6.7s}#start:target .man{transform:translateX(calc(-140vw));-webkit-animation:man 20s linear forwards;animation:man 20s linear forwards}#start:target .man .man__bounce{-webkit-animation:man--bounce .3s ease-in-out alternate infinite;animation:man--bounce .3s ease-in-out alternate infinite}#start:target .man .eye{-webkit-animation:man__eye 3s steps(4,end) infinite;animation:man__eye 3s steps(4,end) infinite}#start:target .man .arm__right{transform-origin:90px 610px;-webkit-animation:man__arm--right .6s ease-in-out alternate infinite;animation:man__arm--right .6s ease-in-out alternate infinite}#start:target .man .arm__left{transform-origin:130px 550px;-webkit-animation:man__arm--left .6s ease-in-out alternate infinite;animation:man__arm--left .6s ease-in-out alternate infinite}#start:target .man .leg__right{transform-origin:0 500px;-webkit-animation:man__leg--right .6s ease-out alternate infinite;animation:man__leg--right .6s ease-out alternate infinite}#start:target .man .leg__left{transform-origin:0 500px;-webkit-animation:man__leg--left .6s ease-out alternate infinite;animation:man__leg--left .6s ease-out alternate infinite}#start:target .window--left,#start:target .window--right{perspective:1000px;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}#start:target .window--left{transform-origin:250px 500px!important;-webkit-animation:window--left 1s ease forwards 12.75s;animation:window--left 1s ease forwards 12.75s}#start:target .window--left .window__shadow{display:none;opacity:0;transform-origin:300px 500px;-webkit-animation:window__shadow .3s ease forwards 13.5s;animation:window__shadow .3s ease forwards 13.5s}#start:target .window--right{transform-origin:550px 500px!important;-webkit-animation:window--right 1s ease forwards 12.75s;animation:window--right 1s ease forwards 12.75s}#start:target .window--right .window__shadow{display:none;opacity:0;transform-origin:550px 500px;-webkit-animation:window__shadow .3s ease forwards 13.5s;animation:window__shadow .3s ease forwards 13.5s}#start:target .window__shadow{transform:scaleX(0)}#start:target .flower1{transform:translateY(40px) scale(0.1);transform-origin:50% 65%;-webkit-animation:flowers .5s ease forwards 12.55s;animation:flowers .5s ease forwards 12.55s}#start:target .flower2{transform:translateY(40px) scale(0.1);transform-origin:50% 65%;-webkit-animation:flowers .5s ease forwards 12.65s;animation:flowers .5s ease forwards 12.65s}#start:target .flower3{transform:translateY(40px) scale(0.1);transform-origin:50% 65%;-webkit-animation:flowers .5s ease forwards 12.75s;animation:flowers .5s ease forwards 12.75s}#start:target .flower4{transform:translateY(40px) scale(0.1);transform-origin:50% 65%;-webkit-animation:flowers .5s ease forwards 12.85s;animation:flowers .5s ease forwards 12.85s}#start:target .flower5{transform:translateY(40px) scale(0.1);transform-origin:50% 65%;-webkit-animation:flowers .5s ease forwards 12.95s;animation:flowers .5s ease forwards 12.95s}#start:target .flower6{transform:translateY(40px) scale(0.1);transform-origin:50% 65%;-webkit-animation:flowers .5s ease forwards 13.05s;animation:flowers .5s ease forwards 13.05s}#start:target .flower7{transform:translateY(40px) scale(0.1);transform-origin:50% 65%;-webkit-animation:flowers .5s ease forwards 13.15s;animation:flowers .5s ease forwards 13.15s}#start:target .flower8{transform:translateY(40px) scale(0.1);transform-origin:50% 65%;-webkit-animation:flowers .5s ease forwards 13.25s;animation:flowers .5s ease forwards 13.25s}@-webkit-keyframes btn-start__neon{0%,100%{opacity:1}50%{opacity:.5}}@keyframes btn-start__neon{0%,100%{opacity:1}50%{opacity:.5}}@-webkit-keyframes flowers{to{transform-origin:bottom center;transform:translateY(0) scale(1)}}@keyframes flowers{to{transform-origin:bottom center;transform:translateY(0) scale(1)}}@-webkit-keyframes window--left{to{transform:perspective(1000px) rotateY(-180deg)}}@keyframes window--left{to{transform:perspective(1000px) rotateY(-180deg)}}@-webkit-keyframes window--right{to{transform:perspective(1000px) rotateY(180deg)}}@keyframes window--right{to{transform:perspective(1000px) rotateY(180deg)}}@-webkit-keyframes window__shadow{to{transform:scaleX(1)}}@keyframes window__shadow{to{transform:scaleX(1)}}@-webkit-keyframes wall{to{transform:translateX(-100vw)}}@keyframes wall{to{transform:translateX(-100vw)}}@-webkit-keyframes wall--ease{from{transform:translateX(-59vw)}to{transform:translateX(-100vw)}}@keyframes wall--ease{from{transform:translateX(-59vw)}to{transform:translateX(-100vw)}}@-webkit-keyframes man{to{transform:translateX(2000px)}}@keyframes man{to{transform:translateX(2000px)}}@-webkit-keyframes man--bounce{to{transform:translateY(-15px)}}@keyframes man--bounce{to{transform:translateY(-15px)}}@-webkit-keyframes man__eye{0%,4%{transform:scaleY(0.2);transform-origin:0 500px}2%,6%{transform:scaleY(1);transform-origin:0 500px}}@keyframes man__eye{0%,4%{transform:scaleY(0.2);transform-origin:0 500px}2%,6%{transform:scaleY(1);transform-origin:0 500px}}@-webkit-keyframes man__arm--right{to{transform:rotate(-40deg)}}@keyframes man__arm--right{to{transform:rotate(-40deg)}}@-webkit-keyframes man__arm--left{to{transform:rotate(40deg)}}@keyframes man__arm--left{to{transform:rotate(40deg)}}@-webkit-keyframes man__leg--right{to{transform:rotate(50deg)}}@keyframes man__leg--right{to{transform:rotate(50deg)}}@-webkit-keyframes man__leg--left{to{transform:rotate(-30deg)}}@keyframes man__leg--left{to{transform:rotate(-30deg)}}
</style>
</head>
<body id="start">
<div class="window__scene">
<div class="window__wrapper">
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="800px" height="800px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve"><a class="btn-start" xlink:href="#start" target="_self"><g><polygon fill="#231F20" points="599.383,390.5 524.74,306.562 524.74,344.436 287.218,344.436 287.218,436.564 524.74,436.564 524.74,474.438" /><path fill="#231F20" d="M524.738,481.938c-0.894,0-1.796-0.159-2.664-0.49c-2.91-1.106-4.834-3.896-4.834-7.01v-30.373H287.218 c-4.142,0-7.5-3.357-7.5-7.5v-92.129c0-4.142,3.358-7.5,7.5-7.5H517.24v-30.374c0-3.114,1.924-5.903,4.834-7.01 c2.911-1.106,6.202-0.3,8.271,2.026l74.643,83.938c2.527,2.842,2.527,7.126,0,9.968l-74.643,83.938 C528.894,481.054,526.84,481.938,524.738,481.938z M294.718,429.064H524.74c4.143,0,7.5,3.357,7.5,7.5v18.152l57.106-64.217 l-57.106-64.218v18.154c0,4.142-3.357,7.5-7.5,7.5H294.718V429.064z" /><g class="btn-start__neon"><path fill="#07D1E0" d="M524.74,476.372c-0.239,0-0.479-0.043-0.711-0.131c-0.776-0.295-1.289-1.039-1.289-1.869v-35.874H287.218 c-1.104,0-2-0.896-2-2v-92.127c0-1.104,0.896-2,2-2H522.74v-35.875c0-0.83,0.513-1.574,1.289-1.869 c0.775-0.296,1.654-0.081,2.205,0.54l74.643,83.939c0.675,0.758,0.675,1.9,0,2.658l-74.643,83.937 C525.848,476.137,525.3,476.372,524.74,476.372z M289.218,434.498H524.74c1.104,0,2,0.896,2,2v32.615l69.966-78.678 l-69.966-78.681v32.616c0,1.104-0.896,2-2,2H289.218V434.498z" /><g><path fill="#FF40A0" d="M359.667,364.98h-59.5c-1.104,0-2,0.896-2,2s0.896,2,2,2h59.5c1.104,0,2-0.896,2-2 S360.771,364.98,359.667,364.98z" /><path fill="#FF40A0" d="M359.667,388.5h-59.5c-1.104,0-2,0.896-2,2s0.896,2,2,2h59.5c1.104,0,2-0.896,2-2 360.771,388.5,359.667,388.5z" /><path fill="#FF40A0" d="M359.667,411.83h-59.5c-1.104,0-2,0.896-2,2s0.896,2,2,2h59.5c1.104,0,2-0.896,2-2 S360.771,411.83,359.667,411.83z" /><path fill="#FF40A0" d="M501.331,368.98h56.13c1.104,0,2-0.896,2-2s-0.896-2-2-2h-56.13c-1.104,0-2,0.896-2,2 500.227,368.98,501.331,368.98z" /><path fill="#FF40A0" d="M574.461,388.5h-73.13c-1.104,0-2,0.896-2,2s0.896,2,2,2h73.13c1.104,0,2-0.896,2-2 S575.565,388.5,574.461,388.5z" /><path fill="#FF40A0" d="M557.461,411.83h-56.13c-1.104,0-2,0.896-2,2s0.896,2,2,2h56.13c1.104,0,2-0.896,2-2 S558.565,411.83,557.461,411.83z" /></g><g><path fill="#F7903C" d="M396.729,418.23c-14.351,0-23.624-10.598-23.624-26.999c0-16.149,9.735-26.999,24.224-26.999 c5.846,0,10.951,2.196,15.174,6.527l0.984,1.009l-5.637,6.222l-1.113-1.181c-2.713-2.876-5.504-4.104-9.333-4.104 c-9.16,0-14.85,7.041-14.85,18.374c0,11.867,5.413,18.674,14.85,18.674c2.858,0,5.686-0.821,7.424-2.126v-10.623h-10.424v-8.175 h19.124v22.831l-0.452,0.441C409.148,415.94,403.037,418.23,396.729,418.23z M397.329,367.232 c-12.893,0-21.224,9.42-21.224,23.999c0,14.579,8.095,23.999,20.624,23.999c5.302,0,10.407-1.804,13.799-4.851v-18.549h-13.124 v2.175h10.424v14.98l-0.482,0.446c-2.22,2.049-6.029,3.322-9.941,3.322c-11.177,0-17.85-8.103-17.85-21.674 c0-12.984,7.006-21.374,17.85-21.374c5.038,0,8.249,1.992,10.361,3.909l1.574-1.738 C405.913,368.794,401.879,367.232,397.329,367.232z" /><path fill="#F7903C" d="M444.579,418.23c-13.502,0-22.574-10.94-22.574-27.225c0-16.014,9.072-26.773,22.574-26.773 c13.457,0,22.499,10.759,22.499,26.773C467.078,407.29,458.036,418.23,444.579,418.23z M444.579,367.232 c-11.891,0-19.574,9.332-19.574,23.773c0,14.716,7.684,24.225,19.574,24.225c11.845,0,19.499-9.509,19.499-24.225 C464.078,376.564,456.424,367.232,444.579,367.232z M444.579,412.755c-9.795,0-16.124-8.537-16.124-21.749 c0-12.938,6.329-21.299,16.124-21.299c9.75,0,16.05,8.36,16.05,21.299C460.629,404.015,454.179,412.755,444.579,412.755z M444.579,372.707c-8.095,0-13.124,7.012-13.124,18.299c0,11.39,5.151,18.749,13.124,18.749c7.928,0,13.05-7.359,13.05-18.749 C457.629,379.719,452.629,372.707,444.579,372.707z" /><path fill="#F7903C" d="M480.129,418.23c-3.364,0-6-2.701-6-6.15c0-3.592,2.579-6.3,6-6.3c3.323,0,5.926,2.768,5.926,6.3 C486.055,415.529,483.452,418.23,480.129,418.23z M480.129,408.78c-1.738,0-3,1.388-3,3.3c0,1.796,1.29,3.15,3,3.15 c1.668,0,2.926-1.354,2.926-3.15C483.055,410.168,481.824,408.78,480.129,408.78z M483.687,402.48h-7.188l-0.868-29.805 l-0.183-8.594h9.289l-0.182,8.582L483.687,402.48z M479.412,399.48h1.36l0.783-26.892l0.116-5.506h-3.16l0.117,5.518 L479.412,399.48z" /></g></g></g></a><g class="fullwindow"><g class="frame"><g><path fill="#FEEECA" d="M639.973,673.791v60.276c0,5.074-4.15,9.226-9.225,9.226H169.501c-5.074,0-9.225-4.151-9.225-9.226 v-60.276c0-5.072,4.15-9.226,9.225-9.226h461.247C635.822,664.565,639.973,668.719,639.973,673.791z" /><path fill="#FFFFFF" d="M639.973,673.791v2.769H160.276v-2.769c0-5.072,4.15-9.226,9.225-9.226h461.247 C635.822,664.565,639.973,668.719,639.973,673.791z" /></g><polygon fill="#443145" points="568.018,633.816 234.076,633.816 240.225,151.659 397.356,80.32 547.724,146.739" /><path fill="#221923" d="M425.341,102.335c-8.206-1.528-16.627-2.336-25.216-2.336c-84.574,0-153.134,77.046-153.134,172.087 v353.736h50.43V272.087C297.42,186.699,352.764,115.85, 425.341,102.335z" /><rect x="234.076" y="360.144" fill="#221923" width="333.942" height="273.673" /><path fill="#FEEECA" d="M400.125,55.72c-110.047,0-199.258,89.212-199.258,199.259v409.587h398.518V254.979 C599.384,144.932,510.174,55.72,400.125,55.72z M408.428,100.254c72.284,4.341,131.246,65.012,142.776,143.655H408.428V100.254z M391.823,100.254V243.91H249.045C260.574,165.267,319.538,104.596,391.823,100.254z M247.343,260.515h305.564 c0.225,3.825,0.353,7.682,0.353,11.572v79.754H246.99v-79.754C246.99,268.197,247.117,264.339,247.343,260.515z M246.99,625.823 V368.446h306.27v257.377H246.99z" /><rect x="247.343" y="260.515" fill="#332534" width="305.917" height="11.572" /><rect x="246.99" y="368.446" fill="#110D12" width="306.27" height="12.608" /><g><path fill="#BFB398" d="M408.432,100v12.647c65.85,4.307,119.475,59.671,130.368,131.263h12.404 C539.671,165.236,480.742,104.343,408.432,100z" /><path fill="#BFB398" d="M261.393,243.91c10.895-71.592,64.574-126.957,130.426-131.263V100 c-72.311,4.343-131.298,65.236-142.831,143.91H261.393z" /></g></g><g class="flowers"><g class="flower8"><rect x="330.427" y="464.058" fill="#1C7D44" width="2.459" height="103.319" /><g><path fill="#1C7D44" d="M327.671,522.772c1.873,4.858,1.369,9.574-1.124,10.535c-2.492,0.961-6.031-2.198-7.903-7.054 c-1.873-4.859,1.124-10.536,1.124-10.536S325.799,517.917,327.671,522.772z" /><path fill="#13532E" d="M319.768,515.718c0,0-2.996,5.677-1.124,10.536c1.872,4.855,5.411,8.015,7.903,7.054L319.768,515.718z" /></g><g><path fill="#1C7D44" d="M327.711,492.072c3.141,8.149,2.296,16.062-1.886,17.675c-4.181,1.61-10.119-3.689-13.259-11.838 c-3.142-8.15,1.884-17.675,1.884-17.675S324.57,483.922,327.711,492.072z" /><path fill="#13532E" d="M314.451,480.234c0,0-5.026,9.524-1.884,17.675c3.14,8.148,9.078,13.448,13.259,11.838L314.451,480.234z" /></g><g><path fill="#1C7D44" d="M351.216,502.196c-3.531,7.482-9.506,12.08-13.345,10.267c-3.841-1.813-4.09-9.345-0.559-16.828 c3.53-7.482,13.345-10.268,13.345-10.268S354.747, 494.716,351.216,502.196z" /><path fill="#13532E" d="M350.657,485.367c0,0-9.815,2.785-13.345,10.268c-3.531,7.483-3.282,15.015,0.559,16.828 L350.657,485.367z" /></g><g><path fill="#1C7D44" d="M351.216,532.545c-3.531,7.484-9.506,12.08-13.345,10.267c-3.841-1.811-4.09-9.346-0.559-16.827 c3.53-7.481,13.345-10.267,13.345-10.267S354.747,525.065,351.216,532.545z" /><path fill="#13532E" d="M350.657,515.718c0,0-9.815,2.785-13.345,10.267c-3.531,7.481-3.282,15.017,0.559,16.827 L350.657,515.718z" /></g><g><circle fill="#F39C12" cx="331.656" cy="458.879" r="7.183" /><g><path fill="#D91E18" d="M338.374,439.602c0,6.413-3.007,11.615-6.717,11.615c-3.709,0-6.717-5.202-6.717-11.615 c0-6.415,3.007-6.665,6.717-6.665C335.367,432.937,338.374,433.187,338.374,439.602z" /><path fill="#D91E18" d="M320.773,441.607c5.016,4.001,7.205,9.594,4.892,12.494c-2.312,2.899-8.252,2.009-13.267-1.99 c-5.015-4-3.336-6.506-1.022-9.408C313.688,439.803,315.758,437.608,320.773,441.607z" /><path fill="#D91E18" d="M311.369,456.618c6.254-1.426,11.991,0.349,12.817,3.965c0.825,3.618-3.574,7.707-9.828,9.133 c-6.254,1.429-7.167-1.448-7.994-5.065C305.54,461.035,305.115,458.046,311.369,456.618z" /><path fill="#D91E18" d="M317.24,473.332c2.784-5.78,7.749-9.159,11.091-7.55c3.342,1.609,3.797,7.6,1.013,13.38 c-2.783,5.778-5.601,4.698-8.943,3.088C317.058,480.641,314.458,479.111,317.24,473.332z" /><path fill="#D91E18" d="M333.968,479.162c-2.784-5.78-2.33-11.771,1.013-13.38c3.342-1.609,8.308,1.77,11.092,7.55 c2.782,5.779,0.182,7.309-3.161,8.918C339.57,483.86,336.751,484.94,333.968,479.162z" /><path fill="#D91E18" d="M348.956,469.716c-6.254-1.426-10.654-5.515-9.828-9.133c0.826-3.616,6.563-5.391,12.817-3.965 c6.253,1.428,5.829,4.417,5.004,8.032C356.123,468.268,355.208,471.145,348.956,469.716z" /><path fill="#D91E18" d="M350.916,452.111c-5.014,3.999-10.955,4.89-13.268,1.99c-2.313-2.9-0.122-8.493,4.892-12.494 c5.015-3.999,7.085-1.805,9.399,1.096C354.252,445.605,355.932,448.111,350.916,452.111z" /></g></g></g><g class="flower7"><rect x="396.847" y="522.867" fill="#1C7D44" width="2.459" height="44.51" /><g><path fill="#1C7D44" d="M394.889,551.007c1.874,4.859,1.37,9.576-1.123,10.535c-2.493,0.961-6.031-2.198-7.904-7.054 c-1.871-4.858,1.124-10.535,1.124-10.535S393.018,546.15,394.889,551.007z" /><path fill="#13532E" d="M386.986,543.953c0,0-2.995,5.677-1.124,10.535c1.873,4.855,5.411,8.015,7.904,7.054L386.986,543.953z" /></g><g><path fill="#1C7D44" d="M416.935,551.055c-3.532,7.481-9.507,12.078-13.346,10.266c-3.84-1.813-4.091-9.346-0.56-16.829 c3.531-7.48,13.346-10.267,13.346-10.267S420.466,543.571,416.935,551.055z" /><path fill="#13532E" d="M416.375,534.225c0,0-9.814,2.786-13.346,10.267c-3.531,7.483-3.28,15.016,0.56,16.829L416.375,534.225z " /></g><g><circle fill="#D35400" cx="396.847" cy="522.649" r="2.697" /><g><path fill="#F39C12" d="M399.368,515.412c0,2.407-1.13,4.359-2.521,4.359c-1.394,0-2.522-1.952-2.522-4.359 c0-2.409,1.128-2.504,2.522-2.504C398.238,512.908,399.368,513.003,399.368,515.412z" /><path fill="#F39C12" d="M392.761,516.166c1.882,1.5,2.705,3.6,1.837,4.689c-0.869,1.088-3.099,0.753-4.982-0.747 c-1.883-1.503-1.252-2.444-0.384-3.531C390.1,515.487,390.877,514.662,392.761,516.166z" /><path fill="#F39C12" d="M389.23,521.801c2.348-0.536,4.501,0.129,4.812,1.488c0.31,1.356-1.342,2.893-3.689,3.429 c-2.347,0.534-2.691-0.546-3.001-1.902C387.042,523.457,386.881,522.335,389.23,521.801z" /><path fill="#F39C12" d="M391.434,528.074c1.045-2.168,2.909-3.438,4.164-2.833c1.255,0.603,1.426,2.853,0.382,5.021 c-1.046,2.17-2.104,1.765-3.359,1.158C391.366,530.819,390.389,530.243,391.434,528.074z" /><path fill="#F39C12" d="M397.715,530.263c-1.045-2.169-0.875-4.419,0.381-5.021c1.253-0.605,3.118,0.665,4.163,2.833 c1.045,2.169,0.067,2.745-1.188,3.347C399.816,532.027,398.76,532.433,397.715,530.263z" /><path fill="#F39C12" d="M403.34,526.718c-2.347-0.536-3.999-2.072-3.688-3.429c0.31-1.359,2.464-2.024,4.812-1.488 c2.349,0.534,2.188,1.656,1.879,3.015C406.031,526.172,405.688,527.252,403.34,526.718z" /><path fill="#F39C12" d="M404.076,520.108c-1.884,1.5-4.112,1.835-4.98,0.747c-0.868-1.09-0.048-3.189,1.836-4.689 c1.882-1.504,2.661-0.679,3.528,0.411C405.329,517.664,405.958,518.605,404.076,520.108z" /></g></g></g><g class="flower6"><rect x="463.266" y="522.867" fill="#1C7D44" width="2.46" height="44.51" /><g><path fill="#1C7D44" d="M461.223,551.007c1.872,4.859,1.369,9.576-1.122,10.535c-2.493,0.961-6.033-2.198-7.905-7.054 c-1.871-4.858,1.124-10.535,1.124-10.535S459.352,546.15,461.223,551.007z" /><path fill="#13532E" d="M453.319,543.953c0,0-2.995,5.677-1.124,10.535c1.872,4.855,5.412,8.015,7.905,7.054L453.319,543.953z" /></g><g><path fill="#1C7D44" d="M483.047,549.436c-3.531,7.484-9.507,12.08-13.347,10.268c-3.841-1.813-4.089-9.348-0.56-16.83 c3.532-7.48,13.347-10.266,13.347-10.266S486.576,541.955,483.047,549.436z" /><path fill="#13532E" d="M482.487,532.607c0,0-9.814,2.785-13.347,10.266c-3.529,7.482-3.281,15.018,0.56,16.83L482.487,532.607z " /></g><g><circle fill="#F39C12" cx="464.496" cy="525.331" r="2.696" /><g><path fill="#D91E18" d="M467.018,518.095c0,2.408-1.129,4.36-2.521,4.36c-1.394,0-2.523-1.952-2.523-4.36 s1.13-2.502,2.523-2.502C465.889,515.593,467.018,515.687,467.018,518.095z" /><path fill="#D91E18" d="M460.409,518.848c1.884,1.503,2.705,3.603,1.837,4.689c-0.868,1.089-3.098,0.756-4.98-0.747 c-1.884-1.5-1.253-2.441-0.384-3.53C457.751,518.172,458.528,517.348,460.409,518.848z" /><path fill="#D91E18" d="M456.88,524.482c2.347-0.535,4.501,0.133,4.811,1.49c0.311,1.356-1.342,2.893-3.688,3.428 c-2.348,0.537-2.691-0.542-3-1.902C454.692,526.14,454.53,525.02,456.88,524.482z" /><path fill="#D91E18" d="M459.083,530.758c1.045-2.168,2.909-3.438,4.163-2.836c1.257,0.605,1.427,2.854,0.382,5.025 c-1.046,2.167-2.103,1.764-3.358,1.158C459.017,533.502,458.04,532.928,459.083,530.758z" /><path fill="#D91E18" d="M465.363,532.947c-1.045-2.171-0.875-4.42,0.382-5.025c1.254-0.602,3.119,0.668,4.164,2.836 c1.043,2.17,0.065,2.744-1.188,3.348C467.466,534.711,466.408,535.114,465.363,532.947z" /><path fill="#D91E18" d="M470.99,529.4c-2.347-0.535-3.999-2.071-3.688-3.428c0.308-1.357,2.464-2.025,4.81-1.49 c2.35,0.537,2.188,1.657,1.878,3.016C473.68,528.858,473.338,529.938,470.99,529.4z" /><path fill="#D91E18" d="M471.726,522.79c-1.883,1.503-4.111,1.836-4.981,0.747c-0.866-1.087-0.046-3.187,1.838-4.689 c1.882-1.5,2.658-0.676,3.527,0.412C472.979,520.349,473.609,521.29,471.726,522.79z" /></g></g></g><g class="flower5"><circle fill="#D35400" cx="343.736" cy="554.601" r="1.987" /><g><path fill="#F39C12" d="M345.594,549.268c0,1.775-0.832,3.212-1.858,3.212c-1.026,0-1.858-1.437-1.858-3.212 c0-1.774,0.833-1.844,1.858-1.844C344.762,547.424,345.594,547.493,345.594,549.268z" /><path fill="#F39C12" d="M340.725,549.822c1.387,1.106,1.992,2.653,1.354,3.456c-0.64,0.805-2.284,0.557-3.671-0.55 c-1.388-1.105-0.923-1.801-0.283-2.604C338.765,549.324,339.337,548.717,340.725,549.822z" /><path fill="#F39C12" d="M338.122,553.975c1.73-0.394,3.318,0.098,3.546,1.099c0.229,0.999-0.988,2.13-2.72,2.524 c-1.729,0.396-1.981-0.399-2.21-1.399C336.51,555.196,336.392,554.372,338.122,553.975z" /><path fill="#F39C12" d="M339.748,558.6c0.77-1.601,2.143-2.534,3.068-2.089c0.925,0.443,1.051,2.102,0.28,3.701 c-0.769,1.597-1.549,1.301-2.474,0.855C339.697,560.621,338.977,560.198,339.748,558.6z" /><path fill="#F39C12" d="M344.375,560.212c-0.771-1.6-0.645-3.258,0.281-3.701c0.925-0.445,2.298,0.488,3.069,2.089 c0.77,1.599,0.05,2.021-0.875,2.468C345.925,561.513,345.145,561.809,344.375,560.212z" /><path fill="#F39C12" d="M348.522,557.598c-1.73-0.395-2.948-1.525-2.72-2.524c0.229-1.001,1.816-1.492,3.546-1.099 c1.73,0.397,1.613,1.222,1.384,2.224C350.504,557.198,350.251,557.994,348.522,557.598z" /><path fill="#F39C12" d="M349.065,552.729c-1.388,1.106-3.032,1.354-3.672,0.55c-0.639-0.803-0.033-2.35,1.354-3.456
c1.387-1.105,1.961-0.498,2.6,0.303C349.987,550.928,350.452,551.623,349.065,552.729z" /></g></g><g class="flower4"><rect x="496.475" y="507.723" fill="#1C7D44" width="2.461" height="59.654" /><g><path fill="#1C7D44" d="M516.958,551.25c-3.53,7.483-9.508,12.08-13.348,10.268c-3.839-1.812-4.089-9.345-0.558-16.829
c3.53-7.481,13.345-10.267,13.345-10.267S520.488,543.77,516.958,551.25z" /><path fill="#13532E" d="M516.397,534.422c0,0-9.814,2.785-13.345,10.267c-3.531,7.484-3.281,15.018,0.56,16.829L516.397,534.422
z" /></g><g><circle fill="#D35400" cx="498.385" cy="495.708" r="6.395" /><g><path fill="#F39C12" d="M504.364,478.55c0,5.71-2.676,10.336-5.979,10.336c-3.301,0-5.979-4.626-5.979-10.336
.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0