Week16笔记 CSS3过渡/变形/动画（加分作业）
可用网址
加分作业要求
- 学院logo档案变小，说明可以变到多小
- 给logo做效果
- SVG个别元素做出不同效果
加分作业代码部分
以下为加分作业的代码，具体展现成果见 web作品集
<body>
<h1>WCY LOGO的改进</h1>
<div>
<h3>一、插入SVG的多种方法:</h3>
<p class="svg_insert">1.使用 img 标签：直接将图像插入到HTML文档中。示例代码见RWD2 7.4.1</p>
<p class="svg_insert">2.使用 object 标签：用于装载非 HTML 内容的容器 ，详情及示例代码见RWD2 7.4.2</p>
<p class="svg_insert">3.把 SVG 作为背景图像插入：适用于你对SVG的需求主要是静态背景图片或者是图标之类。详见RWD2 7.4.3</p>
<p class="svg_insert">4.内联SVG</p>
<p class="svg_insert">5.通过CSS插入背景图像</p>
<p class="svg_insert">5.使用 JavaScript 添加 SVG 动画</p>
<p class="svg_insert">5.GreenSock 添加 SVG 动画</p>
<img src="每种插入方式中你可以使用的功能.png" alt="每种插入方式中你可以使用的功能 png" />
</div>
<div>
<h3>二、优化缩减百分比:</h3>
<p class="svg_insert">1.优化SVG文件的最简单的方法是使用自动化工具，推荐使用SVGOMG（https://jakearchibald.github.io/svgomg/）。</p>
<p class="svg_opt">2.命名空间往往只是在生成SVG的程序中使用，所以在Web页面上展示SVG的时候它们并不是必需的。因此在优化流程中，为了减小SVG的大小，通常会把它的命名空间去掉。</p>
<p class="svg_opt">3.去掉不需要的元素（如标题和描述元素）</p>
<p class="svg_opt">4.g标签有助于图形编辑软件再次打开这个图像，因此这一部分无需去除</p>
<p class="svg_opt">5.原来的SVG档的大小为43.2KB，优化後为30.1KB，因此优化缩减百分比为(43.2-30.1)/43.2=30%。</p>
</div>
<div>
<h3>三、说明特效效果及使用的知识点:</h3>
<p class="desc">1.根据上下文改变内联 SVG 颜色</p>
<p class="desc">2.把 SVG 作为滤镜</p>
</div>
<div>
<h3>使用 img 标签插入SVG:</h3>
<img id="svgImg" src="wcy_logo(new)2.svg" alt="wcy_logo(new)2 SVG" />
</div>
<div>
<h3>使用 object 标签插入SVG:</h3>
<object id="svgObject" data="wcy_logo(new)2.svg" type="image/svg+xml">
Your browser doesn't support SVG
</object>
</div>
<div>
<h3>内联SVG:</h3>
<span class="inlineSVG">
<svg xmlns="http://www.w3.org/2000/svg" height="188px" width="199px" viewBox="0 0 198 188">
<g transform="translate(-215.21499 -275.679)">
<ellipse ry="59.990002" rx="59.025002" cy="335.66901" cx="274.23999" fill="#fff"/>
<path d="M236.162 318.122l-.061-3.941-1.951 1.133-1.939-1.121-.736 1.316-.564-.326 4.002-7.158.566.326-.736 1.316 1.939 1.121.043 2.285 3.361-1.967.32.566-3.674 2.143.068 4.297zm-3.232-6.663l-1.027.275-.154-.65 1.023-.273zm3.117-.279l-1.627-.939-1.889 3.377 1.627.939 1.93-1.111zm5.756-10.965l-1.219-.135.082-.645 1.219.135zm.136 2.354l-1.092-1.322 5.959-5.078 1.063 1.285-.498.426-.645-.781-4.963 4.229.676.816zm1.926-4.111l-1.217-.133.08-.646 1.219.137zm-.914 3.033l3.555-3.031.557.676-.305 1.699 2.414-2.061.416.51-2.723 2.322 1.373 1.666-1.586 1.352-.416-.508 1.086-.926-.957-1.158-2.982 2.541-.418-.508 3.004-2.559.361-2.033-2.961 2.523zm2.055-4.578l.082-1.244.637.031-.08 1.242zm10.719-7.344l.168 1 6.008-2.156.217.623-6.111 2.193.246 1.4.039.113 6.258-2.246 1.557 4.484-3.975 1.426-.217-.623 3.363-1.209-1.125-3.234-6.258 2.244-.264-.762-.539-3.143zm.076 5.617l5.873-2.107.217.621-5.875 2.109zm17.502-8.807l-.662.91-.104 6.754-.65-.012.09-5.846-.674.908-.518-.402 2.01-2.711zm2.867-.246l-.283.818 2.746.045-.012.66-2.961-.047-.377 1.098 3.475.055-.01.66-3.691-.057-.361 1.049-.002.129 3.459.053-.014.936-1.395 1.439 1.539.326-.137.641-4.752-1.021.145-.639 2.449.523 1.496-1.555-3.449-.053.012-.908.322-.932-1.092-.018.01-.66 1.309.02.377-1.096-1.516-.023.01-.66 1.734.025.357-1.029zm12.902 2.119l-.51 1.324 1.74.693-.238.617-.396-.16-1.365 3.537-.811.396.523 1.354-.596.236-.512-1.311-1.252.605-.279-.586 1.299-.625-.322-.848 1.365-3.535-.41-.166.236-.615.41.166.514-1.324zm-1.285 5.541l1.275-3.307-.736-.295-1.279 3.307.213.555zm2.152 3.52l.736-1.914-2.02.918-.266-.596 2.15-.971-1.684-.668.238-.615 2.018.805.277-.717-1.313-.523.998-2.58-.705-.283.234-.613.707.281.256-.666.607.24-.256.666 2 .799.256-.666.604.242-.256.666.707.279-.238.617-.705-.281-.996 2.58-1.297-.518-.275.717 2 .801-.236.613-1.666-.664.92 2.191-.592.256-.863-2.068-.738 1.912zm2.983-3.857l.76-1.967-2-.797-.762 1.965zm-.676-.635l-.494-1.154.584-.26.494 1.156zm10.299 6.422l3.463 3.143-.576.658-1.701-.066 2.35 2.135-.434.492-2.652-2.408-1.426 1.621-1.543-1.4.434-.49 1.057.959.994-1.129-2.904-2.637.434-.492 2.926 2.652 2.029.072-2.883-2.617zm-1.195-.862l1.133-1.287 5.801 5.266-1.102 1.254-.486-.441.67-.76-4.832-4.385-.697.793zm2.271-.474l-.043-1.246.641-.012.043 1.248zm2.008 1.82l-.043-1.244.637-.01.047 1.244zm1.67.928l1.223-.098.061.646-1.221.098zm.865 11.961l6.936-3.701 1.082 2.096-1.998 1.066-1.295-.023.289.561-3.012 1.609-.592-1.146.574-.309.291.563 1.863-.994-.326-.625.586-.313 1.457.021 1.285-.686-.477-.928-6.363 3.395zm6.275 5.615l-.623-1.203-1.934 1.033.146.283.873-.162.123.65-1.352.242-.668-1.291 2.51-1.34-.639-1.234-1.822.975-1.209-.549.25-.6.93.418 1.551-.828-.486-.943.574-.307 2.35 4.547zm1.11-1.006l-2.02-3.908.576-.307 2.02 3.906zm-1.076-4.629l1.441-.768.947 1.836.773-.414.303.586-.775.414.943 1.828-1.406.748-.303-.584.832-.443-1.588-3.078-.865.461zm-86.418 22.68c-.061-.002-.121-.016-.18-.041-.057-.025-.107-.061-.154-.107-.047-.045-.082-.104-.109-.17-.027-.064-.043-.141-.043-.225l.023-2.637.316.002-.02 2.203c0 .039.014.078.047.105.027.031.064.047.105.047l1.238.012c.047.002.088-.016.123-.045.033-.033.049-.078.051-.135l.018-1.748c0-.121.045-.227.131-.311.086-.084.193-.127.314-.125l.652.006c.133.002.236.043.309.125.076.084.111.207.109.369l-.023 2.7-.314-.004.02-2.192c0-.051-.01-.09-.031-.123-.02-.035-.057-.053-.111-.053l-.586-.006c-.045 0-.08.016-.109.043-.029.029-.045.064-.045.109l-.016 1.727c0 .086-.018.158-.047.217-.031.063-.072.112-.121.153-.051.039-.105.068-.164.086-.059.02-.121.027-.18.027zm3.314 5.116l-.314.031-.221-2.207c-.004-.045-.023-.078-.053-.104-.033-.027-.072-.037-.115-.031l-2.447.252c-.041.004-.076.023-.104.055-.028.032-.039.07-.035.113l.223 2.205-.316.033-.271-2.734c-.008-.061 0-.119.018-.174.018-.059.043-.107.078-.148.037-.043.078-.078.129-.107.049-.029.105-.047.166-.053l2.51-.26c.121-.014.229.02.32.096.096.078.146.176.158.297zm-2.375 5.74l-.168-.801 1.918-.416-.318-1.512-1.918.416-.168-.805 3.324-.723.166.807-1.09.236.318 1.512 1.09-.234.17.801zm.701 2.564c-.018-.057-.023-.115-.018-.174.006-.061.021-.111.047-.162.025-.049.057-.094.102-.133.043-.039.092-.068.15-.088l2.813-.943 1.021 3.143-2.814.945c-.057.018-.113.025-.172.021-.057-.008-.109-.021-.158-.047-.049-.023-.094-.057-.131-.098-.039-.043-.068-.094-.086-.15zm.563.213c-.037.012-.066.035-.088.074-.02.035-.023.076-.012.117l.426 1.305c.014.039.037.068.076.086.039.02.078.023.117.01l2.48-.832-.516-1.594zm1.289 4.947c-.023-.055-.037-.113-.037-.172 0-.059.01-.115.029-.166.019-.051.047-.1.086-.145.039-.043.084-.076.143-.104l2.689-1.254 1.357 3.01-2.691 1.254c-.055.025-.111.037-.17.039-.057.002-.111-.008-.162-.027-.051-.018-.1-.047-.143-.082-.041-.039-.078-.086-.1-.139zm.582.145c-.037.018-.063.045-.08.086-.014.039-.014.078.004.115l.564 1.252c.016.037.043.063.084.076.041.016.08.014.115-.004l2.377-1.107-.688-1.523zm2.439 4.881c-.035.021-.059.051-.07.092-.011.041-.008.08.016.117l.746 1.297-.271.16-1.014-1.752c-.027-.051-.049-.107-.053-.164-.006-.063-.004-.115.01-.172.016-.051.039-.102.074-.148.033-.049.076-.088.129-.119l2.553-1.523.408.705zm4.786 7.678c-.041-.045-.07-.096-.088-.15-.02-.057-.025-.113-.021-.168.002-.057.016-.109.039-.162.023-.055.059-.104.104-.145l2.195-2.02 2.186 2.453-2.191 2.021c-.047.039-.098.07-.152.09-.053.018-.107.025-.162.023-.057-.002-.109-.014-.16-.037-.053-.021-.098-.055-.141-.102zm.597-.038c-.031.027-.049.061-.053.105-.004.041.01.076.039.109l.91 1.02c.025.029.061.045.104.047.043.002.078-.012.107-.039l1.939-1.783-1.111-1.244zm2.871 3.735l2.246-2.59 2.357 2.107-.211.24-1.75-1.568-.58.67 1.719 1.537-.211.246-1.717-1.537-1.248 1.438zm9.246 6.34c-.021.035-.025.076-.016.115.008.041.033.072.068.096l1.287.736-.156.279-1.738-.998c-.053-.031-.096-.068-.131-.117-.033-.047-.057-.098-.072-.15-.014-.055-.018-.109-.014-.168.006-.059.025-.113.055-.17l1.455-2.619.701.4zm3.618 2.42l-.729-.346 1.432-3.131.73.344zm3.117 1.306l1.045-2.947-1.094-.4.107-.303 2.953 1.082-.109.301-1.098-.402-1.047 2.949zm4.463 1.438c-.057-.012-.111-.037-.156-.074-.047-.033-.084-.076-.111-.125-.029-.047-.049-.098-.061-.154-.01-.061-.008-.117.008-.178l.67-2.932 3.057.725-.072.313-2.27-.539-.199.867 2.229.527-.074.32-2.229-.529-.32 1.402c-.01.041-.004.08.016.115.021.037.053.061.094.07l2.127.504-.072.313zm8.379-2.065l-.139 1.293c-.01.063-.025.117-.057.168-.027.051-.064.096-.107.133-.041.035-.088.064-.143.08-.053.016-.109.02-.168.014l-.064-.006.305 1.752-.842-.094-.279-1.752-1.01-.111-.184 1.697-.807-.092.375-3.434zm-1.104 1.305c.039.004.076-.006.109-.029.033-.025.051-.061.055-.105l.104-.939-1.512-.172-.119 1.092zm2.729 2.258l1.443-3.473 1.115-.016 1.5 3.436-.91.012-.355-.85-1.924.023-.357.859zm1.011-1.205l1.639-.02-.814-1.963zm6.184.816l-.412-3.105-1.152.158-.043-.32 3.107-.426.043.316-1.156.162.412 3.104zm4.598-.822c-.055.018-.115.02-.17.01-.059-.012-.109-.031-.158-.059-.045-.029-.086-.066-.123-.113-.035-.047-.059-.1-.076-.16l-.736-2.914.779-.203.73 2.885c.01.039.033.072.068.096.033.021.072.027.115.018l1.193-.313c.039-.01.068-.033.09-.072.021-.037.027-.074.018-.117l-.73-2.883.775-.203.736 2.916c.016.059.018.119.01.176-.01.059-.027.111-.055.158-.027.049-.064.092-.107.127s-.094.063-.152.076zm6.494-5.768l.463 1.213c.021.059.031.119.029.176-.004.059-.016.113-.035.166-.021.051-.051.1-.092.139-.039.039-.088.07-.143.092l-.063.027 1.068 1.41-.787.311-1.045-1.422-.945.373.607 1.592-.756.301-1.23-3.223zm-.387 1.676c.039-.014.064-.041.084-.078.016-.035.018-.074.002-.117l-.338-.883-1.418.559.393 1.023zm4.078.371c-.053.029-.107.045-.164.051-.061.004-.113-.004-.166-.021-.051-.016-.102-.043-.146-.08-.047-.035-.084-.08-.111-.135l-1.391-2.656 2.771-1.5.145.283-2.057 1.113.412.789 2.02-1.094.15.287-2.02 1.094.666 1.27c.02.037.047.063.088.076.039.016.078.012.115-.01l1.928-1.043.146.285zm8.209-5.322l-1.127-3.594.836-.746 3.338 1.619-.684.609-.813-.412-1.445 1.291.279.889zm-.006-1.582l1.232-1.1-1.875-.955zm1.914-4.889l1.807-2.053c.043-.045.086-.08.137-.104.051-.024.104-.037.16-.039.057 0 .111.01.166.025.055.02.104.047.152.092l2.203 2.006-.535.609-2.184-1.986c-.033-.029-.07-.043-.111-.041-.043.004-.076.021-.104.051l-.914 1.039 2.297 2.09-.541.613zm4.83-6.125c.037-.049.078-.088.127-.117.045-.031.098-.051.152-.057.057-.008.111-.006.168.006.057.01.109.035.158.072l2.061 1.479c.051.037.09.08.119.129.031.051.051.104.061.158.01.054.01.109 0 .168-.01.055-.035.107-.07.16l-1.564 2.244-2.773-1.992zm2.219 2.244c.021-.035.031-.072.021-.113-.008-.043-.029-.078-.061-.102l-2.01-1.443c-.037-.027-.074-.035-.115-.027-.041.008-.074.029-.098.061l-.797 1.148 2.26 1.623zm4.313-9.445l-2.088-1.467.385-.967 3.447.549-.18.453-3.115-.525 2.588 1.852-.164.408c-.029.074-.068.137-.115.184-.051.047-.113.066-.193.055l-2.941-.428 2.641 1.723-.283.709-2.893-1.941.391-.979zm2.466-4.316c-.016.057-.043.109-.078.154-.037.045-.078.084-.127.109-.047.029-.1.047-.156.057-.059.008-.113.004-.174-.012l-2.861-.775.809-3.082.305.084-.602 2.289.848.229.59-2.244.311.082-.59 2.246 1.369.373c.039.01.078.006.117-.014.035-.02.059-.051.068-.092l.563-2.145.307.082zm-1.802-8.153c.008-.061.027-.115.057-.164.029-.047.068-.086.113-.119.047-.033.098-.057.152-.072.054-.015.113-.02.174-.01l2.496.379c.061.01.115.029.162.063.049.029.09.068.125.111.031.045.055.094.072.15.016.055.02.113.01.176l-.4 2.721-3.361-.51zm2.972.989c.004-.041-.006-.078-.031-.113-.023-.033-.059-.055-.1-.059l-2.434-.373c-.045-.004-.082.004-.115.029-.031.027-.053.059-.059.1l-.201 1.389 2.734.416zm.684-3.948l-.051.816-3.393-.215.051-.818zm.105-1.951l-3.439-1.417-.029-1.133 3.359-1.574.023.926-.832.371.055 1.955.85.35zm-1.201-1.008l-.043-1.668-1.92.857z" fill="#006098"/>
<path d="M330.795 333.797c-.473-14.711-6.387-28.529-16.648-38.912-10.211-10.332-23.75-16.281-38.113-16.762-1.244-.039-2.502-.039-3.75 0-15.127.506-29.164 6.955-39.523 18.174-10.352 11.229-15.785 25.869-15.291 41.237.473 14.713 6.381 28.531 16.646 38.912 10.213 10.332 23.748 16.287 38.117 16.764 1.236.041 2.498.045 3.74-.004 15.139-.492 29.17-6.953 39.521-18.168 10.361-11.221 15.785-25.869 15.301-41.241m-1.506 2.854c-.029 1.246-.064 2.531-.188 3.801-.098 1.258-.26 2.607-.496 4.154l-.066.424-2.262-.367.055-.408c.043-.297.086-.59.129-.887.055-.373.109-.766.156-1.146l-.611-.068c-.164 1.291-.34 2.605-.617 3.91-.234 1.262-.557 2.609-1.002 4.199l.594.176c.158-.533.289-1.078.422-1.613l.189-.771 2.223.553-.096.41c-.27 1.234-.645 2.465-1.002 3.648l-.111.377-.432-.137.426.156-.256.74c-.359 1.047-.732 2.133-1.186 3.182l-.156.379-2.127-.883.17-.404c.26-.611.506-1.25.727-1.887l-.572-.207c-.418 1.186-.904 2.352-1.502 3.701l-.402-.186.402.191c-.523 1.166-1.135 2.391-1.912 3.84l.527.305c.186-.34.365-.684.543-1.021.129-.262.27-.523.408-.781l.195-.363 2.037 1.057-.191.385c-.756 1.477-1.414 2.666-2.066 3.732-.721 1.203-1.484 2.375-2.283 3.488l-.238.34-1.881-1.359.268-.346c.332-.447.643-.924.934-1.391.068-.092.131-.186.189-.287l-.506-.334c-.699 1.088-1.512 2.232-2.479 3.492l-.49-.385.49.385c-.795 1.029-1.672 2.074-2.754 3.283l.445.414 1.617-1.834 1.74 1.52-.281.328c-.842.965-1.828 2.102-2.881 3.141v-.006c-.947.992-1.951 1.906-2.928 2.783l-.316.281-1.512-1.773.33-.279c.398-.332.783-.695 1.152-1.051.107-.105.215-.205.326-.311l-.416-.439c-.977.926-1.998 1.805-2.977 2.619-1.266 1.004-2.355 1.818-3.391 2.539l.334.508c.123-.084.238-.168.363-.252.422-.295.863-.596 1.273-.91l.338-.256 1.373 1.887-.844.607c-.943.668-1.916 1.369-2.93 1.982-1 .664-2.063 1.252-3.086 1.828l-.842.467-1.07-2.063 2.125-1.195-.309-.527c-1.063.605-2.268 1.273-3.502 1.848-1.455.707-2.705 1.252-3.887 1.697l.213.584c.615-.238 1.244-.479 1.85-.76l.391-.18.895 2.148-.371.17c-1.244.572-2.549 1.033-3.807 1.488l-.146.047-.115-.342.107.344c-1.482.502-2.744.879-3.953 1.178l-.4.105-.57-2.25.393-.113c.281-.082.566-.154.85-.234.365-.09.734-.184 1.102-.299l-.184-.604c-1.605.477-2.891.807-4.102 1.053-1.24.279-2.582.5-4.188.707l.072.621c.541-.066 1.074-.152 1.604-.24l.789-.125.369 2.295-.4.076c-1.211.223-2.449.355-3.65.484l-.539.057v-.008c-.295.027-.584.047-.875.068-1.033.07-2.1.148-3.158.135l-.41-.004-.037-2.334.439.008c.654.006 1.332-.029 1.988-.068l-.037-.613c-1.189.072-2.389.068-3.555.068l-.359-.004v.002c-1.553-.043-2.945-.145-4.23-.273l-.064.613c.143.014.287.025.436.039.523.049 1.043.102 1.559.139l.424.027-.15 2.34-.434-.039c-.318-.029-.629-.059-.951-.082-1.023-.092-2.084-.178-3.131-.359v.01c-1.305-.174-2.6-.438-3.859-.693l-.617-.123.49-2.281 2.375.471.109-.605c-1.279-.25-2.582-.508-3.865-.865-1.557-.41-2.859-.803-4.055-1.236l-.195.586c.662.238 1.283.449 1.895.621l.41.119-.668 2.23-.396-.113c-1.189-.34-2.357-.781-3.49-1.209l-.502-.191.143-.4-.158.395c-1.15-.471-2.484-1.033-3.773-1.682l-.377-.186.996-2.086.371.168c.229.109.445.213.668.318.377.184.766.379 1.158.537l.242-.57c-1.455-.643-2.672-1.246-3.809-1.881-1.195-.633-2.4-1.35-3.656-2.186l-.336.523c.566.385 1.148.729 1.707 1.064l.367.217-1.17 2.002-.365-.205c-1.076-.631-2.107-1.328-3.113-2.021l-.365-.25-.012.006-.592-.447c-.893-.656-1.818-1.342-2.678-2.088l-.314-.271 1.445-1.801.324.277c.48.393 1.014.84 1.57 1.254l.367-.502c-.988-.746-1.992-1.58-3.053-2.535-.961-.848-1.959-1.813-3.053-2.945l-.443.436c.27.273.535.551.809.814.209.205.422.414.627.619l.291.303-1.588 1.67-.301-.293c-.959-.93-1.926-1.943-2.865-3.006l.365-.338-.371.332c-.918-1.053-1.816-2.104-2.641-3.217l-.248-.334 1.828-1.43.248.354c.389.541.824 1.057 1.25 1.564l.002.006.463-.391c-.797-.961-1.545-1.973-2.416-3.168l.393-.283-.393.283c-.754-1.07-1.512-2.25-2.324-3.602l-.525.305 1.281 2.094-1.926 1.277-.424-.686c-.664-1.088-1.346-2.205-1.949-3.355h-.004c-.586-1.037-1.092-2.127-1.58-3.174l-.449-.969 2.111-.961.164.395c.207.473.449.955.672 1.422.068.135.131.271.195.4l.539-.277c-.561-1.115-1.096-2.346-1.744-3.916l.42-.18-.422.168c-.564-1.465-1.029-2.799-1.416-4.047l-.574.17c.051.145.092.285.131.432.16.504.316 1.01.49 1.508l.139.398-2.18.783-.352-1.08c-.346-1.078-.703-2.193-.984-3.328l.002.008c-.334-1.188-.584-2.389-.828-3.564l-.193-.945 2.256-.432.504 2.406.592-.143c-.273-1.285-.541-2.588-.723-3.906-.242-1.635-.395-3.002-.471-4.271l-.613.039c.039.613.096 1.262.193 2.016l.047.43-2.283.25-.057-.412c-.131-1.045-.188-2.104-.244-3.123-.02-.355-.037-.703-.061-1.049l.426-.027-.43.002c0-.379.002-.758-.004-1.133-.016-.994-.027-2.028.035-3.053l.027-.408 2.303.086-.039.438c-.027.645-.051 1.309-.045 2.032l.611-.008c-.01-1.303.068-2.62.152-3.891l.002-.105.377.023-.377-.027c.102-1.307.264-2.705.502-4.273l-.598-.109-.357 2.439-2.271-.281.148-1.102c.168-1.17.34-2.369.59-3.549.195-1.1.471-2.197.738-3.256.078-.273.145-.543.211-.818l.102-.422 2.223.633-.107.412c-.143.506-.266 1.021-.387 1.539-.039.143-.072.291-.105.432l.586.139c.307-1.273.68-2.637 1.15-4.139l.439.145-.439-.156c.543-1.607 1.008-2.871 1.492-4.029l-.563-.238c-.051.137-.115.281-.164.418-.201.48-.408.977-.58 1.465l-.143.406-2.162-.832.318-.811c.434-1.141.896-2.303 1.436-3.432.539-1.229 1.174-2.424 1.787-3.584l.277-.523 2 1.129-1.127 2.178.541.273c.621-1.189 1.238-2.359 1.932-3.492.807-1.342 1.57-2.51 2.332-3.551l-.494-.373c-.398.557-.787 1.098-1.139 1.666l-.229.369-1.91-1.305.223-.354c.646-1.021 1.375-2.002 2.086-2.953l.326-.436.314.242-.309-.25c.996-1.275 1.838-2.287 2.664-3.195l.285-.305 1.688 1.561-.264.313c-.193.227-.385.441-.582.66-.256.283-.516.57-.758.871l.475.402c.811-.971 1.693-1.984 2.656-2.951.9-.955 1.912-1.92 3.092-2.951l-.398-.479c-.412.354-.814.734-1.207 1.102l-.588.555-1.561-1.699.297-.295c.891-.863 1.842-1.674 2.764-2.457l.424-.359.248.301-.236-.314.615-.473c.867-.68 1.766-1.373 2.701-2.002l.348-.23 1.297 1.922-.35.242c-.535.367-1.098.75-1.635 1.174l.373.496c1.191-.91 2.346-1.705 3.496-2.416 1.074-.695 2.291-1.395 3.691-2.123l-.281-.568c-.381.189-.758.408-1.125.615-.207.121-.424.242-.641.363l-.361.201-1.125-2.02.361-.221c1.188-.688 2.414-1.303 3.67-1.928l.029-.016c.021-.004.039-.014.049-.021l.566-.258c1.02-.463 2.078-.943 3.16-1.328l.383-.141.816 2.186-.406.146c-.637.225-1.262.49-1.846.75l.24.566c1.215-.539 2.467-.99 3.656-1.414 1.207-.422 2.51-.805 4.064-1.215l-.145-.6-2.34.631-.639-2.24 1.1-.295c1.076-.293 2.184-.592 3.297-.809 1.012-.242 2.049-.408 3.055-.564.338-.053.666-.105 1.01-.158l.416-.074.311 2.316-2.396.391.107.605c1.438-.254 2.721-.42 3.914-.527l.027.342-.027-.342c1.344-.121 2.781-.234 4.232-.238l-.012-.615c-.635-.002-1.314.016-1.986.066l-.432.029-.113-2.33.402-.027c1.104-.088 2.219-.078 3.303-.076.305 0 .613.002.916.002v.42l.02-.42.398.016c1.215.049 2.471.102 3.713.244l.412.047-.227 2.314-.799-.076c-.525-.053-1.068-.105-1.611-.131l-.035.631c1.621.098 2.973.23 4.225.432 1.232.164 2.527.402 4.162.775l.143-.613c-.367-.09-.748-.164-1.109-.232-.297-.053-.584-.105-.861-.176l-.402-.078.416-2.287.412.072c1.221.221 2.488.514 4.121.949 1.377.385 2.625.748 3.846 1.205l.391.145-.758 2.207-.402-.154c-.592-.234-1.227-.42-1.832-.613l-.059-.014-.172.594c1.252.375 2.477.836 3.717 1.305 1.277.514 2.57 1.088 3.857 1.717l.271-.551-2.191-1.045.932-2.137.385.184c.24.119.49.234.734.354.969.457 1.986.945 2.951 1.484 1.025.539 2.021 1.15 2.988 1.75l.945.576-1.236 1.979-.355-.221c-.439-.291-.898-.561-1.348-.834-.125-.072-.248-.15-.377-.225l-.299.535c1.148.684 2.264 1.4 3.338 2.146l-.252.365.252-.365c1.309.939 2.4 1.762 3.389 2.586l.381-.475c-.111-.092-.23-.188-.344-.287-.391-.326-.795-.672-1.213-.965l-.357-.25 1.396-1.875.33.258c1.07.826 2.201 1.73 3.268 2.707 1.084.951 2.148 2.016 2.996 2.871l.299.305-1.635 1.631-1.74-1.717-.412.449c1.156 1.133 2.1 2.117 2.955 3.088l-.293.264.293-.264c1.063 1.215 1.926 2.279 2.703 3.322l.479-.373c-.066-.088-.133-.18-.197-.268-.332-.447-.672-.9-1.031-1.32l-.289-.33 1.789-1.492.268.326c.936 1.154 1.75 2.244 2.492 3.33h.004c.725 1.037 1.459 2.184 2.254 3.51l.215.363-1.965 1.199-.219-.354c-.162-.248-.309-.498-.463-.754-.195-.328-.4-.662-.6-.98l-.52.344c.652 1.035 1.377 2.211 2.006 3.404h.004c.695 1.271 1.328 2.564 1.883 3.859l.568-.252c-.299-.688-.607-1.326-.861-1.832l-.191-.391 2.059-1.027.188.369c.504.992.941 2.021 1.355 3.02.117.268.232.527.346.797l-.373.164.381-.141c.096.262.191.523.291.791.383 1.021.771 2.076 1.082 3.15l.117.398-2.18.709-.131-.414c-.186-.617-.395-1.277-.631-1.928l-.572.215c.395 1.092.768 2.285 1.191 3.818.406 1.453.713 2.91.961 4.193l.605-.113c-.074-.381-.158-.762-.232-1.131-.066-.287-.127-.584-.188-.869l-.082-.404 2.238-.523.09.418c.355 1.641.615 2.982.781 4.219.221 1.342.34 2.713.461 4.033l.045.547-2.311.174-.016-.439c-.033-.518-.094-1.053-.156-1.566-.016-.145-.033-.299-.051-.447l-.59.076c.16 1.418.238 2.842.318 4.285l-.404.021.404-.006c.014 1.454.027 2.879-.047 4.299l.604.039c.01-.154.016-.307.018-.453.025-.518.055-1.055.051-1.576l-.006-.436 2.314.025z" fill="#006098"/>
<path d="M300.074 380.788l.359-.207 1.156 2.006-2.158 1.211.293.559.094-.055c1.014-.563 2.064-1.148 3.051-1.795l.217.342-.209-.352c.994-.598 1.951-1.287 2.879-1.953l.137-.104-.357-.51c-.324.246-.65.465-.971.689-.234.164-.469.33-.707.496l-.35.244-1.277-1.941.354-.236c1.131-.762 2.309-1.635 3.701-2.746l.006.002c1.053-.885 2.16-1.84 3.201-2.854l.301-.291 1.586 1.695-.324.293c-.209.191-.418.393-.625.588-.281.266-.568.541-.865.809l.398.469c.875-.779 1.752-1.59 2.584-2.463.91-.904 1.787-1.887 2.551-2.768l-.471-.416-1.645 1.861-1.672-1.596.279-.309c1.201-1.32 2.152-2.443 2.992-3.535 1.053-1.385 1.928-2.623 2.666-3.783l.227-.365 1.92 1.273-.234.361c-.141.207-.279.43-.414.637-.234.35-.467.719-.721 1.078l.502.361c.693-.988 1.357-2.029 1.994-3.084l.383.234-.383-.234c.586-.969 1.18-2.023 1.842-3.307l-.553-.293c-.076.137-.145.271-.215.406-.24.467-.492.947-.76 1.418l-.205.373-1.984-1.146.195-.369c.873-1.586 1.531-2.902 2.088-4.148l.004-.002c.65-1.486 1.178-2.74 1.611-4.029l.135-.416 2.152.789-.129.396c-.223.656-.465 1.305-.719 1.947l.566.24c.377-.896.689-1.836 1.002-2.746l.256-.738.105-.367c.314-1.033.637-2.107.893-3.182l-.6-.148c-.166.66-.336 1.35-.545 2.02l-.127.389-2.188-.658.123-.398c.504-1.742.85-3.18 1.094-4.516.299-1.43.484-2.881.666-4.287l.049-.416 2.268.26-.053.422c-.051.543-.131 1.08-.199 1.602-.029.158-.049.309-.07.457l.615.1c.197-1.314.34-2.492.42-3.572l-.006-.002c.133-1.254.166-2.541.195-3.787h-.611c-.004.395-.027.799-.041 1.189-.018.287-.027.574-.043.861l-.012.439-2.295-.131.018-.426c.098-1.529.092-3.076.072-4.647-.084-1.576-.17-3.115-.363-4.65l-.053-.42 2.283-.283.041.434c.025.289.066.578.096.865.043.385.088.789.125 1.188l.605-.051c-.113-1.209-.227-2.451-.424-3.656l.416-.072-.416.061c-.156-1.107-.371-2.299-.682-3.734l-.607.139c.033.152.063.307.096.461.107.512.221 1.037.322 1.576l.07.414-2.246.416-.076-.412c-.268-1.359-.588-2.955-1.039-4.535l.521-.148-.521.148c-.457-1.697-.865-2.975-1.311-4.143l-.15-.406 2.141-.807.152.387c.26.67.484 1.332.678 1.971l.596-.189c-.289-.91-.621-1.813-.943-2.691-.104-.266-.197-.525-.291-.783-.113-.268-.227-.525-.336-.793-.361-.854-.738-1.746-1.15-2.584l-.561.279c.268.541.572 1.207.857 1.889l.152.387-2.09.93-.166-.395c-.586-1.387-1.26-2.781-2.008-4.15-.691-1.324-1.502-2.623-2.207-3.738l-.229-.361 1.906-1.273.223.355c.303.449.584.91.861 1.367.078.129.154.258.236.391l.533-.318c-.672-1.135-1.314-2.119-1.936-3.016-.682-.994-1.422-1.984-2.25-3.031l-.477.389c.275.34.537.691.783 1.039.156.193.303.396.461.602l.262.348-1.842 1.393-.254-.346c-.814-1.129-1.738-2.27-2.895-3.604l-.002.008c-.914-1.041-1.932-2.096-3.215-3.332l-.297-.295 1.563-1.701 1.764 1.742.447-.436c-.939-.949-1.758-1.758-2.645-2.533l.264-.314-.279.309c-.93-.859-1.93-1.658-2.879-2.412l-.367.498c.309.242.615.506.916.748.219.182.43.367.666.543l.34.27-1.471 1.813-.324-.277c-1.057-.906-2.223-1.797-3.656-2.818h.004c-1.164-.809-2.389-1.592-3.633-2.316l-.369-.221 1.143-2.023.369.229c.242.154.492.301.74.451.334.199.674.398 1 .602l.334-.518-.217-.137c-.949-.58-1.93-1.189-2.926-1.705l.189-.385-.211.377c-.941-.539-1.938-1.02-2.904-1.479-.125-.051-.232-.104-.346-.162l-.252.582 2.229 1.064-1.023 2.086-.369-.188c-1.395-.688-2.789-1.322-4.162-1.871-1.363-.516-2.697-1.012-4.066-1.404l-.404-.123.654-2.234.863.262c.484.154.99.309 1.486.479l.201-.588c-1.104-.387-2.24-.715-3.492-1.066-1.377-.367-2.492-.627-3.545-.832l-.111.627c.146.025.289.061.439.09.512.1 1.049.197 1.574.346l.391.109-.52 2.244-.408-.096c-1.803-.416-3.195-.682-4.5-.854l.045-.381-.055.381c-1.33-.213-2.777-.352-4.559-.447l-.418-.027.121-2.303.4.01c.691.016 1.383.078 2.053.148l.064-.637c-1.082-.102-2.186-.154-3.254-.195l-.377-.02c-.309.002-.615 0-.928-.002-.928 0-1.881-.008-2.814.041l.023.629c.711-.035 1.398-.041 2.051-.039h.416l.018 2.33-.428-.002c-1.553-.016-3.121.104-4.578.227-1.275.121-2.664.318-4.254.592l-.41.078-.404-2.301 2.434-.385-.08-.629c-.203.033-.406.061-.596.09-.982.152-2.01.314-2.982.555l-.1-.424.082.428c-1.092.211-2.193.508-3.254.797l-.279.072.176.605 2.379-.639.539 2.262-.402.105c-1.697.441-3.09.842-4.373 1.289-1.299.461-2.684.965-4.002 1.568l-.387.178-.906-2.135.371-.17c.598-.27 1.236-.549 1.895-.797l-.227-.59c-.904.348-1.818.764-2.697 1.162l-.635.283c-1.109.553-2.205 1.098-3.25 1.695l.307.555c.088-.051.182-.107.275-.156.498-.285 1.008-.574 1.541-.828l.365-.17 1.027 2.061-.371.193c-1.537.793-2.842 1.543-3.99 2.283l-.227-.367.215.373c-1.236.76-2.473 1.619-3.766 2.623l-.34.262-1.371-1.848.32-.26c.547-.438 1.107-.846 1.658-1.225l-.35-.523c-.795.551-1.568 1.154-2.311 1.732l-.611.473-.412.354c-.814.682-1.641 1.387-2.42 2.131l.422.457c.496-.461 1-.939 1.539-1.379l.32-.26 1.475 1.76-.318.283c-1.297 1.115-2.391 2.15-3.35 3.162l-.326-.309.318.324c-1.049 1.045-2.002 2.168-2.881 3.223l-.271.326-1.742-1.475.25-.33c.33-.438.697-.85 1.055-1.24.094-.111.189-.225.291-.334l-.467-.426c-.717.805-1.469 1.719-2.328 2.82l-.336.438c-.611.826-1.252 1.674-1.82 2.553l.512.352c.379-.57.779-1.125 1.188-1.689l.25-.34 1.84 1.385-.248.342c-.83 1.115-1.672 2.375-2.561 3.855-.746 1.221-1.404 2.492-2.08 3.785l-.186.369-2.051-1.037 1.156-2.211-.537-.309c-.559 1.055-1.121 2.129-1.605 3.213-.547 1.127-1.014 2.324-1.457 3.479l-.006.014.572.219c.145-.375.293-.744.445-1.102.115-.27.217-.539.326-.807l.158-.406 2.115.926-.166.389c-.533 1.24-1.035 2.59-1.625 4.354-.52 1.639-.918 3.107-1.225 4.48l-.102.412-2.23-.521.102-.42c.066-.283.137-.564.207-.848.094-.387.186-.77.285-1.154l-.592-.172c-.035.133-.064.266-.109.398-.258 1.043-.531 2.127-.719 3.186l-.428-.072.422.092c-.25 1.154-.408 2.346-.58 3.508l-.031.232.613.076.357-2.469 2.266.385-.066.414c-.273 1.721-.453 3.232-.555 4.627l-.006.102c-.086 1.393-.176 2.836-.141 4.254l.008.426-2.293.012.004-.414c-.025-.74-.018-1.42.01-2.079l-.615-.031c-.037.861-.029 1.725-.018 2.569.002.373.014.744.012 1.119.023.352.039.699.064 1.055.037.873.086 1.764.184 2.641l.617-.063c-.08-.758-.139-1.439-.158-2.084l-.016-.41 2.281-.146.016.438c.07 1.361.227 2.826.49 4.623.193 1.422.502 2.855.789 4.236l.094.414-.396.115-1.826.43-.516-2.443-.607.119.02.1c.244 1.152.482 2.342.813 3.496.268 1.107.625 2.219.977 3.295l.084.25.58-.211c-.123-.375-.246-.752-.359-1.131-.082-.287-.176-.555-.266-.834l-.133-.422 2.197-.662.127.406c.396 1.344.891 2.779 1.504 4.381.709 1.734 1.297 3.041 1.902 4.248l.193.377-2.047 1.063-.188-.398c-.121-.262-.25-.525-.373-.783-.174-.35-.35-.707-.516-1.07l-.559.258.082.184c.484 1.031.988 2.107 1.549 3.107l-.395.232.408-.221c.578 1.121 1.244 2.213 1.9 3.273l.516-.344-1.293-2.133 1.977-1.176.215.357c.877 1.482 1.695 2.762 2.498 3.91.951 1.311 1.764 2.396 2.646 3.43l.273.328-1.742 1.508-.559-.664c-.332-.414-.682-.832-1.014-1.26l-.484.377c.729.969 1.521 1.887 2.344 2.83.82.939 1.672 1.828 2.52 2.67l.43-.459c-.105-.111-.215-.221-.318-.328-.381-.373-.762-.75-1.129-1.16l-.271-.307 1.645-1.592.295.309c1.176 1.244 2.258 2.289 3.283 3.199h.004c1.162 1.049 2.258 1.951 3.332 2.744l.338.248-1.359 1.859-.334-.236c-.572-.41-1.121-.852-1.621-1.275l-.398.492c.752.619 1.551 1.215 2.322 1.793l.525.385.414.283c.875.6 1.781 1.217 2.699 1.777l.322-.545c-.568-.346-1.164-.717-1.736-1.113l-.338-.242 1.252-1.938.348.234c1.367.926 2.652 1.705 3.941 2.383l-.197.375.203-.377c1.207.678 2.52 1.314 4.127 2.016l.385.174-.891 2.121-.375-.146c-.557-.221-1.086-.475-1.6-.723-.09-.045-.188-.098-.277-.139l-.273.58c1.145.547 2.309 1.035 3.334 1.461l.504.189c.99.367 2.008.756 3.035 1.076l.178-.602c-.619-.191-1.25-.418-1.943-.674l-.379-.145.768-2.188.4.146c1.264.482 2.658.916 4.369 1.369l-.063.252.063-.252c1.357.373 2.758.646 4.123.908l.48.094-.377 2.293-2.42-.479-.135.615c1.176.236 2.387.482 3.58.633l-.045.404.064-.402c1.016.168 2.059.26 3.082.346.166.012.354.031.527.049l.035-.623c-.395-.035-.783-.072-1.164-.115-.281-.025-.568-.051-.854-.082l-.43-.039.254-2.316.414.047c1.375.16 2.854.27 4.537.316h.383c1.287.002 2.619.004 3.914-.1l.422-.029.137 2.328-.559.033c-.619.043-1.258.078-1.896.084l.008.631c.893-.01 1.795-.078 2.672-.135.328-.025.65-.041.971-.068l.43-.043c1.041-.117 2.117-.232 3.17-.408l-.1-.627c-.66.107-1.355.223-2.037.285l-.41.031-.26-2.291.418-.057c1.77-.213 3.205-.439 4.516-.742l.1.439-.088-.443c1.289-.252 2.664-.607 4.439-1.154l.391-.115.67 2.209-.381.125c-.514.191-1.043.328-1.549.455-.145.035-.287.08-.436.113l.154.623c1.063-.283 2.188-.623 3.486-1.063l.137-.049c1.117-.393 2.27-.809 3.373-1.283l-.248-.578c-.592.252-1.201.484-1.789.705l-.506.191-.793-2.184.391-.143c1.275-.467 2.613-1.043 4.217-1.811l.355.762-.35-.762c1.347-.641 2.672-1.386 3.808-2.036m-24.312 5.608c-1.107.039-2.219.039-3.316.004-26.207-.873-47.408-22.428-48.266-49.088-.434-13.542 4.357-26.456 13.48-36.346 9.131-9.898 21.502-15.584 34.842-16.027 1.102-.035 2.217-.037 3.313-.002 26.213.869 47.416 22.432 48.264 49.082.432 13.553-4.354 26.461-13.473 36.356-9.133 9.896-21.51 15.581-34.844 16.021" fill="#006098"/>
<path d="M269.484 367.616v.271l1.23.002-.004 2.137-1.229-.002-.002.416-.32-.002v-.414l-1.234-.002.008-2.139 1.229.004.002-.275zm-.324 2.11l.004-1.551h-.91v1.549zm.324-1.549l-.002 1.551h.885l.004-1.551zm1.834 2.062l1.27-1.336v-.42h-1.227v-.318h1.227v-.561l.351.002v.559l1.252.006v.316l-1.253-.004-.004.42 1.3 1.323-.257.222-1.215-1.238-1.188 1.234zm3.817.209h-.338l.002-2.086 1.254.004v-.303l-1.266-.002v-.297l1.266.002.002-.141.34.004-.002.137h1.293v.301l-1.293-.004-.002.303h1.268l-.006 2.088h-.512v-.307h.178l.002-1.477-2.186-.002zm1.265-.627l.703.002.002.299-.705-.002v.332l-.34-.004v-.328l-.709-.002v-.299h.709l.004-.277h-.688v-.297l.969.004.342-.402.322.064-.281.338.35-.002v.297h-.678zm-.578-.978l.26.223-.326.068-.271-.227zm5.315-.951v.306l-2.09-.002-.041.59 2.06.004-.08 1.672-.738-.004-.016-.305.44.002.064-1.064h-1.785l-.404 1.363-.297-.1.42-1.474.059-.686h-.477l.002-.304 1.367.002-.125-.246.332-.077.149.323z" fill="#006098"/>
<path d="M243.994 364.528s14.641-16.064 25.281-15.816c16.645.395 35.211 14.867 35.211 14.867s-24.561-5.826-36.357-5.449c-9.19.295-24.135 6.398-24.135 6.398" fill="#00487a"/>
<path fill="#0a67a1" d="M277.503862 335.825026l3.973.007946-.003222 1.6109999-3.973-.007946zm-3.46155739-5.67699569l4.4159999.0057408-.0043342 3.3340001-4.4159999-.0057408zm6.55147568.02135319l4.5450001.0059085-.0043394 3.3380001-4.5450001-.0059085zm-6.56061687-5.52712148l4.4180002.0079524-.006012 3.3399999-4.4180002-.0079524z"/>
<path d="M283.047 304.401l-2.658 1.986c2.545.852 6.033 2.451 8.424 5.285 3.902 4.629 8.713 17.963 8.922 18.525l-2.844 1.809c-.049-.133-4.859-14.104-8.404-18.307-3.348-3.973-9.787-5.092-9.854-5.105-.467-.068-.859-.359-1.084-.762-.23.41-.631.703-1.102.764-.072.014-7.111 1.109-10.471 5.061-3.578 4.213-9.701 17.986-9.756 18.121l-2.645-1.715c.232-.557 6.189-13.852 10.088-18.445 2.447-2.883 6.248-4.479 8.98-5.301l-2.98-2.246c-3.635.418-8.512 1.535-9.898 3.443-6.43 8.805-12.041 44.499-13.842 57.014 15.031-13.447 22.623-15.436 26.791-14.965 8.061.902 22.67 7.73 33.771 14.016-1.715-14.268-6.025-45.661-11.652-54.319-1.294-1.988-6.081-3.836-9.786-4.859m-14.945 41.633l-2.145-.145 1.191-18.122-2.389-.004-1.898 17.924-2.135-.236 2.002-18.895 1.066-.971 3.5.006.359-5.605-4.604-.008.004-2.18 5.754.012 1.066 1.158zm20.693-.043l-9.311-.018-9.129-.018.006-2.176 8.049.018.002-1.074-5.502-.012-1.064-1.094.01-4.488 2.141.004-.008 3.4 4.43.01v-.932l-1.986-.004-1.068-1.096.008-2.85-2.424-.004-1.064-1.09.021-11.025 1.068-1.09 5.492.01.004-1.398-5.836-.012.006-2.17 5.834.01.002-1.979 2.148.002-.004 1.98 5.916.01-.004 2.174-5.916-.012-.002 1.4 5.619.008 1.068 1.1-.021 11.021-1.07 1.086-2.578-.004-.006 2.848-1.072 1.09-1.988-.002-.002.932 4.539.006.01-3.719 2.139.002-.012 4.813-1.068 1.086-5.611-.008-.004 1.074 8.244.018z" fill="#006098"/>
<path fill="#0a67a1" d="M280.60322263 324.65026303l4.5450001.011817-.0086944 3.3440001-4.5450001-.011817zM314.369 336.683c.039-20.448-14.572-37.444-33.773-40.745.76 1.498 1.525 3.652 2.006 5.137 2.729.668 9.518 3.643 12.785 6.471 7.367 6.381 24.08 20.986 11.764 52.54 4.537-6.642 7.201-14.706 7.218-23.403m-59.066-31.022c3.619-2.279 9.939-4.5 12.807-4.758.523-1.625 1.354-3.947 2.203-5.391-20.75 1.785-37.074 19.451-37.111 41.012-.018 9.297 2.998 17.879 8.088 24.791-13.772-36.773 6.415-50.861 14.013-55.654m20.252.631c.105-.182.242-.352.414-.486l3.982-2.951c-.787-2.516-1.951-5.563-2.43-6.113-1.092-1.121-3.143-1.102-4.396.051-.471.512-1.574 3.383-2.32 5.768l4.33 3.244c.176.135.316.305.42.487"/>
</g>
</svg>
</span>
</div>
<div>
<h3>通过CSS插入背景图像:</h3>
<div class="has-StarBg"></div>
</div>
What about <use> ?
<svg>
<use xlink:href="#shapeInline" x="50" y="50" />
<use xlink:href="wcy_logo(new)2.svg#shape" x="200" y="50" />
</svg>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
var imgStarPath = document.querySelector('#svgImg .star_Wrapper');
console.log("Is SVG in an img tag accessibe? " + imgStarPath);
var inlineStarPath = document.querySelector('#svgInline');
console.log("Is inlineSVG accessible? " + inlineStarPath);
var objectWrapper = document.querySelector('#svgObject');
objectWrapper.onload = function() {
var svgInObject = objectWrapper.contentDocument;
console.log("Is SVG in object accessible? " + svgInObject);
};
var bgStarPath = document.querySelector('.has-StarBg .star_Wrapper');
console.log("Is SVG in BG image accessible? " + bgStarPath);
});
</script>
<div>
<h3>把 SVG 作为滤镜:</h3>
<svg height="250px" width="250px" viewbox="0 0 250 250" xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<filter id="myfilter" x="0" y="0">
<feColorMatrix in="SourceGraphic" type="hueRotate" values="90" result="A"/>
<feGaussianBlur in="A" stdDeviation="6"/>
</filter>
</defs>
<image x="0" y="0" height="250px" width="250px" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="wcy_logo(new)2.svg" filter="url(#myfilter)"></image>
</svg>
</div>
<div class="wrapper">
<h3>用 CSS 为 SVG 添加动画，让wcy_logo旋转起来:</h3>
<svg width="198" height="188" viewBox="0 0 220 200" xmlns="http:// www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Star 1</title>
<defs>
<style type="text/css">
<![CDATA[ @keyframes
spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.star_Wrapper {
animation: spin 2s 1s;
transform-origin: 50% 50%;
}
]]>
</style>
</defs>
<g class="star_Wrapper" fill="none" fill-rule="evenodd">
<g transform="translate(-215.21499 -275.679)">
<ellipse ry="59.990002" rx="59.025002" cy="335.66901" cx="274.23999" fill="#fff"/>
<path d="M236.162 318.122l-.061-3.941-1.951 1.133-1.939-1.121-.736 1.316-.564-.326 4.002-7.158.566.326-.736 1.316 1.939 1.121.043 2.285 3.361-1.967.32.566-3.674 2.143.068 4.297zm-3.232-6.663l-1.027.275-.154-.65 1.023-.273zm3.117-.279l-1.627-.939-1.889 3.377 1.627.939 1.93-1.111zm5.756-10.965l-1.219-.135.082-.645 1.219.135zm.136 2.354l-1.092-1.322 5.959-5.078 1.063 1.285-.498.426-.645-.781-4.963 4.229.676.816zm1.926-4.111l-1.217-.133.08-.646 1.219.137zm-.914 3.033l3.555-3.031.557.676-.305 1.699 2.414-2.061.416.51-2.723 2.322 1.373 1.666-1.586 1.352-.416-.508 1.086-.926-.957-1.158-2.982 2.541-.418-.508 3.004-2.559.361-2.033-2.961 2.523zm2.055-4.578l.082-1.244.637.031-.08 1.242zm10.719-7.344l.168 1 6.008-2.156.217.623-6.111 2.193.246 1.4.039.113 6.258-2.246 1.557 4.484-3.975 1.426-.217-.623 3.363-1.209-1.125-3.234-6.258 2.244-.264-.762-.539-3.143zm.076 5.617l5.873-2.107.217.621-5.875 2.109zm17.502-8.807l-.662.91-.104 6.754-.65-.012.09-5.846-.674.908-.518-.402 2.01-2.711zm2.867-.246l-.283.818 2.746.045-.012.66-2.961-.047-.377 1.098 3.475.055-.01.66-3.691-.057-.361 1.049-.002.129 3.459.053-.014.936-1.395 1.439 1.539.326-.137.641-4.752-1.021.145-.639 2.449.523 1.496-1.555-3.449-.053.012-.908.322-.932-1.092-.018.01-.66 1.309.02.377-1.096-1.516-.023.01-.66 1.734.025.357-1.029zm12.902 2.119l-.51 1.324 1.74.693-.238.617-.396-.16-1.365 3.537-.811.396.523 1.354-.596.236-.512-1.311-1.252.605-.279-.586 1.299-.625-.322-.848 1.365-3.535-.41-.166.236-.615.41.166.514-1.324zm-1.285 5.541l1.275-3.307-.736-.295-1.279 3.307.213.555zm2.152 3.52l.736-1.914-2.02.918-.266-.596 2.15-.971-1.684-.668.238-.615 2.018.805.277-.717-1.313-.523.998-2.58-.705-.283.234-.613.707.281.256-.666.607.24-.256.666 2 .799.256-.666.604.242-.256.666.707.279-.238.617-.705-.281-.996 2.58-1.297-.518-.275.717 2 .801-.236.613-1.666-.664.92 2.191-.592.256-.863-2.068-.738 1.912zm2.983-3.857l.76-1.967-2-.797-.762 1.965zm-.676-.635l-.494-1.154.584-.26.494 1.156zm10.299 6.422l3.463 3.143-.576.658-1.701-.066 2.35 2.135-.434.492-2.652-2.408-1.426 1.621-1.543-1.4.434-.49 1.057.959.994-1.129-2.904-2.637.434-.492 2.926 2.652 2.029.072-2.883-2.617zm-1.195-.862l1.133-1.287 5.801 5.266-1.102 1.254-.486-.441.67-.76-4.832-4.385-.697.793zm2.271-.474l-.043-1.246.641-.012.043 1.248zm2.008 1.82l-.043-1.244.637-.01.047 1.244zm1.67.928l1.223-.098.061.646-1.221.098zm.865 11.961l6.936-3.701 1.082 2.096-1.998 1.066-1.295-.023.289.561-3.012 1.609-.592-1.146.574-.309.291.563 1.863-.994-.326-.625.586-.313 1.457.021 1.285-.686-.477-.928-6.363 3.395zm6.275 5.615l-.623-1.203-1.934 1.033.146.283.873-.162.123.65-1.352.242-.668-1.291 2.51-1.34-.639-1.234-1.822.975-1.209-.549.25-.6.93.418 1.551-.828-.486-.943.574-.307 2.35 4.547zm1.11-1.006l-2.02-3.908.576-.307 2.02 3.906zm-1.076-4.629l1.441-.768.947 1.836.773-.414.303.586-.775.414.943 1.828-1.406.748-.303-.584.832-.443-1.588-3.078-.865.461zm-86.418 22.68c-.061-.002-.121-.016-.18-.041-.057-.025-.107-.061-.154-.107-.047-.045-.082-.104-.109-.17-.027-.064-.043-.141-.043-.225l.023-2.637.316.002-.02 2.203c0 .039.014.078.047.105.027.031.064.047.105.047l1.238.012c.047.002.088-.016.123-.045.033-.033.049-.078.051-.135l.018-1.748c0-.121.045-.227.131-.311.086-.084.193-.127.314-.125l.652.006c.133.002.236.043.309.125.076.084.111.207.109.369l-.023 2.7-.314-.004.02-2.192c0-.051-.01-.09-.031-.123-.02-.035-.057-.053-.111-.053l-.586-.006c-.045 0-.08.016-.109.043-.029.029-.045.064-.045.109l-.016 1.727c0 .086-.018.158-.047.217-.031.063-.072.112-.121.153-.051.039-.105.068-.164.086-.059.02-.121.027-.18.027zm3.314 5.116l-.314.031-.221-2.207c-.004-.045-.023-.078-.053-.104-.033-.027-.072-.037-.115-.031l-2.447.252c-.041.004-.076.023-.104.055-.028.032-.039.07-.035.113l.223 2.205-.316.033-.271-2.734c-.008-.061 0-.119.018-.174.018-.059.043-.107.078-.148.037-.043.078-.078.129-.107.049-.029.105-.047.166-.053l2.51-.26c.121-.014.229.02.32.096.096.078.146.176.158.297zm-2.375 5.74l-.168-.801 1.918-.416-.318-1.512-1.918.416-.168-.805 3.324-.723.166.807-1.09.236.318 1.512 1.09-.234.17.801zm.701 2.564c-.018-.057-.023-.115-.018-.174.006-.061.021-.111.047-.162.025-.049.057-.094.102-.133.043-.039.092-.068.15-.088l2.813-.943 1.021 3.143-2.814.945c-.057.018-.113.025-.172.021-.057-.008-.109-.021-.158-.047-.049-.023-.094-.057-.131-.098-.039-.043-.068-.094-.086-.15zm.563.213c-.037.012-.066.035-.088.074-.02.035-.023.076-.012.117l.426 1.305c.014.039.037.068.076.086.039.02.078.023.117.01l2.48-.832-.516-1.594zm1.289 4.947c-.023-.055-.037-.113-.037-.172 0-.059.01-.115.029-.166.019-.051.047-.1.086-.145.039-.043.084-.076.143-.104l2.689-1.254 1.357 3.01-2.691 1.254c-.055.025-.111.037-.17.039-.057.002-.111-.008-.162-.027-.051-.018-.1-.047-.143-.082-.041-.039-.078-.086-.1-.139zm.582.145c-.037.018-.063.045-.08.086-.014.039-.014.078.004.115l.564 1.252c.016.037.043.063.084.076.041.016.08.014.115-.004l2.377-1.107-.688-1.523zm2.439 4.881c-.035.021-.059.051-.07.092-.011.041-.008.08.016.117l.746 1.297-.271.16-1.014-1.752c-.027-.051-.049-.107-.053-.164-.006-.063-.004-.115.01-.172.016-.051.039-.102.074-.148.033-.049.076-.088.129-.119l2.553-1.523.408.705zm4.786 7.678c-.041-.045-.07-.096-.088-.15-.02-.057-.025-.113-.021-.168.002-.057.016-.109.039-.162.023-.055.059-.104.104-.145l2.195-2.02 2.186 2.453-2.191 2.021c-.047.039-.098.07-.152.09-.053.018-.107.025-.162.023-.057-.002-.109-.014-.16-.037-.053-.021-.098-.055-.141-.102zm.597-.038c-.031.027-.049.061-.053.105-.004.041.01.076.039.109l.91 1.02c.025.029.061.045.104.047.043.002.078-.012.107-.039l1.939-1.783-1.111-1.244zm2.871 3.735l2.246-2.59 2.357 2.107-.211.24-1.75-1.568-.58.67 1.719 1.537-.211.246-1.717-1.537-1.248 1.438zm9.246 6.34c-.021.035-.025.076-.016.115.008.041.033.072.068.096l1.287.736-.156.279-1.738-.998c-.053-.031-.096-.068-.131-.117-.033-.047-.057-.098-.072-.15-.014-.055-.018-.109-.014-.168.006-.059.025-.113.055-.17l1.455-2.619.701.4zm3.618 2.42l-.729-.346 1.432-3.131.73.344zm3.117 1.306l1.045-2.947-1.094-.4.107-.303 2.953 1.082-.109.301-1.098-.402-1.047 2.949zm4.463 1.438c-.057-.012-.111-.037-.156-.074-.047-.033-.084-.076-.111-.125-.029-.047-.049-.098-.061-.154-.01-.061-.008-.117.008-.178l.67-2.932 3.057.725-.072.313-2.27-.539-.199.867 2.229.527-.074.32-2.229-.529-.32 1.402c-.01.041-.004.08.016.115.021.037.053.061.094.07l2.127.504-.072.313zm8.379-2.065l-.139 1.293c-.01.063-.025.117-.057.168-.027.051-.064.096-.107.133-.041.035-.088.064-.143.08-.053.016-.109.02-.168.014l-.064-.006.305 1.752-.842-.094-.279-1.752-1.01-.111-.184 1.697-.807-.092.375-3.434zm-1.104 1.305c.039.004.076-.006.109-.029.033-.025.051-.061.055-.105l.104-.939-1.512-.172-.119 1.092zm2.729 2.258l1.443-3.473 1.115-.016 1.5 3.436-.91.012-.355-.85-1.924.023-.357.859zm1.011-1.205l1.639-.02-.814-1.963zm6.184.816l-.412-3.105-1.152.158-.043-.32 3.107-.426.043.316-1.156.162.412 3.104zm4.598-.822c-.055.018-.115.02-.17.01-.059-.012-.109-.031-.158-.059-.045-.029-.086-.066-.123-.113-.035-.047-.059-.1-.076-.16l-.736-2.914.779-.203.73 2.885c.01.039.033.072.068.096.033.021.072.027.115.018l1.193-.313c.039-.01.068-.033.09-.072.021-.037.027-.074.018-.117l-.73-2.883.775-.203.736 2.916c.016.059.018.119.01.176-.01.059-.027.111-.055.158-.027.049-.064.092-.107.127s-.094.063-.152.076zm6.494-5.768l.463 1.213c.021.059.031.119.029.176-.004.059-.016.113-.035.166-.021.051-.051.1-.092.139-.039.039-.088.07-.143.092l-.063.027 1.068 1.41-.787.311-1.045-1.422-.945.373.607 1.592-.756.301-1.23-3.223zm-.387 1.676c.039-.014.064-.041.084-.078.016-.035.018-.074.002-.117l-.338-.883-1.418.559.393 1.023zm4.078.371c-.053.029-.107.045-.164.051-.061.004-.113-.004-.166-.021-.051-.016-.102-.043-.146-.08-.047-.035-.084-.08-.111-.135l-1.391-2.656 2.771-1.5.145.283-2.057 1.113.412.789 2.02-1.094.15.287-2.02 1.094.666 1.27c.02.037.047.063.088.076.039.016.078.012.115-.01l1.928-1.043.146.285zm8.209-5.322l-1.127-3.594.836-.746 3.338 1.619-.684.609-.813-.412-1.445 1.291.279.889zm-.006-1.582l1.232-1.1-1.875-.955zm1.914-4.889l1.807-2.053c.043-.045.086-.08.137-.104.051-.024.104-.037.16-.039.057 0 .111.01.166.025.055.02.104.047.152.092l2.203 2.006-.535.609-2.184-1.986c-.033-.029-.07-.043-.111-.041-.043.004-.076.021-.104.051l-.914 1.039 2.297 2.09-.541.613zm4.83-6.125c.037-.049.078-.088.127-.117.045-.031.098-.051.152-.057.057-.008.111-.006.168.006.057.01.109.035.158.072l2.061 1.479c.051.037.09.08.119.129.031.051.051.104.061.158.01.054.01.109 0 .168-.01.055-.035.107-.07.16l-1.564 2.244-2.773-1.992zm2.219 2.244c.021-.035.031-.072.021-.113-.008-.043-.029-.078-.061-.102l-2.01-1.443c-.037-.027-.074-.035-.115-.027-.041.008-.074.029-.098.061l-.797 1.148 2.26 1.623zm4.313-9.445l-2.088-1.467.385-.967 3.447.549-.18.453-3.115-.525 2.588 1.852-.164.408c-.029.074-.068.137-.115.184-.051.047-.113.066-.193.055l-2.941-.428 2.641 1.723-.283.709-2.893-1.941.391-.979zm2.466-4.316c-.016.057-.043.109-.078.154-.037.045-.078.084-.127.109-.047.029-.1.047-.156.057-.059.008-.113.004-.174-.012l-2.861-.775.809-3.082.305.084-.602 2.289.848.229.59-2.244.311.082-.59 2.246 1.369.373c.039.01.078.006.117-.014.035-.02.059-.051.068-.092l.563-2.145.307.082zm-1.802-8.153c.008-.061.027-.115.057-.164.029-.047.068-.086.113-.119.047-.033.098-.057.152-.072.054-.015.113-.02.174-.01l2.496.379c.061.01.115.029.162.063.049.029.09.068.125.111.031.045.055.094.072.15.016.055.02.113.01.176l-.4 2.721-3.361-.51zm2.972.989c.004-.041-.006-.078-.031-.113-.023-.033-.059-.055-.1-.059l-2.434-.373c-.045-.004-.082.004-.115.029-.031.027-.053.059-.059.1l-.201 1.389 2.734.416zm.684-3.948l-.051.816-3.393-.215.051-.818zm.105-1.951l-3.439-1.417-.029-1.133 3.359-1.574.023.926-.832.371.055 1.955.85.35zm-1.201-1.008l-.043-1.668-1.92.857z" fill="#006098"/>
<path d="M330.795 333.797c-.473-14.711-6.387-28.529-16.648-38.912-10.211-10.332-23.75-16.281-38.113-16.762-1.244-.039-2.502-.039-3.75 0-15.127.506-29.164 6.955-39.523 18.174-10.352 11.229-15.785 25.869-15.291 41.237.473 14.713 6.381 28.531 16.646 38.912 10.213 10.332 23.748 16.287 38.117 16.764 1.236.041 2.498.045 3.74-.004 15.139-.492 29.17-6.953 39.521-18.168 10.361-11.221 15.785-25.869 15.301-41.241m-1.506 2.854c-.029 1.246-.064 2.531-.188 3.801-.098 1.258-.26 2.607-.496 4.154l-.066.424-2.262-.367.055-.408c.043-.297.086-.59.129-.887.055-.373.109-.766.156-1.146l-.611-.068c-.164 1.291-.34 2.605-.617 3.91-.234 1.262-.557 2.609-1.002 4.199l.594.176c.158-.533.289-1.078.422-1.613l.189-.771 2.223.553-.096.41c-.27 1.234-.645 2.465-1.002 3.648l-.111.377-.432-.137.426.156-.256.74c-.359 1.047-.732 2.133-1.186 3.182l-.156.379-2.127-.883.17-.404c.26-.611.506-1.25.727-1.887l-.572-.207c-.418 1.186-.904 2.352-1.502 3.701l-.402-.186.402.191c-.523 1.166-1.135 2.391-1.912 3.84l.527.305c.186-.34.365-.684.543-1.021.129-.262.27-.523.408-.781l.195-.363 2.037 1.057-.191.385c-.756 1.477-1.414 2.666-2.066 3.732-.721 1.203-1.484 2.375-2.283 3.488l-.238.34-1.881-1.359.268-.346c.332-.447.643-.924.934-1.391.068-.092.131-.186.189-.287l-.506-.334c-.699 1.088-1.512 2.232-2.479 3.492l-.49-.385.49.385c-.795 1.029-1.672 2.074-2.754 3.283l.445.414 1.617-1.834 1.74 1.52-.281.328c-.842.965-1.828 2.102-2.881 3.141v-.006c-.947.992-1.951 1.906-2.928 2.783l-.316.281-1.512-1.773.33-.279c.398-.332.783-.695 1.152-1.051.107-.105.215-.205.326-.311l-.416-.439c-.977.926-1.998 1.805-2.977 2.619-1.266 1.004-2.355 1.818-3.391 2.539l.334.508c.123-.084.238-.168.363-.252.422-.295.863-.596 1.273-.91l.338-.256 1.373 1.887-.844.607c-.943.668-1.916 1.369-2.93 1.982-1 .664-2.063 1.252-3.086 1.828l-.842.467-1.07-2.063 2.125-1.195-.309-.527c-1.063.605-2.268 1.273-3.502 1.848-1.455.707-2.705 1.252-3.887 1.697l.213.584c.615-.238 1.244-.479 1.85-.76l.391-.18.895 2.148-.371.17c-1.244.572-2.549 1.033-3.807 1.488l-.146.047-.115-.342.107.344c-1.482.502-2.744.879-3.953 1.178l-.4.105-.57-2.25.393-.113c.281-.082.566-.154.85-.234.365-.09.734-.184 1.102-.299l-.184-.604c-1.605.477-2.891.807-4.102 1.053-1.24.279-2.582.5-4.188.707l.072.621c.541-.066 1.074-.152 1.604-.24l.789-.125.369 2.295-.4.076c-1.211.223-2.449.355-3.65.484l-.539.057v-.008c-.295.027-.584.047-.875.068-1.033.07-2.1.148-3.158.135l-.41-.004-.037-2.334.439.008c.654.006 1.332-.029 1.988-.068l-.037-.613c-1.189.072-2.389.068-3.555.068l-.359-.004v.002c-1.553-.043-2.945-.145-4.23-.273l-.064.613c.143.014.287.025.436.039.523.049 1.043.102 1.559.139l.424.027-.15 2.34-.434-.039c-.318-.029-.629-.059-.951-.082-1.023-.092-2.084-.178-3.131-.359v.01c-1.305-.174-2.6-.438-3.859-.693l-.617-.123.49-2.281 2.375.471.109-.605c-1.279-.25-2.582-.508-3.865-.865-1.557-.41-2.859-.803-4.055-1.236l-.195.586c.662.238 1.283.449 1.895.621l.41.119-.668 2.23-.396-.113c-1.189-.34-2.357-.781-3.49-1.209l-.502-.191.143-.4-.158.395c-1.15-.471-2.484-1.033-3.773-1.682l-.377-.186.996-2.086.371.168c.229.109.445.213.668.318.377.184.766.379 1.158.537l.242-.57c-1.455-.643-2.672-1.246-3.809-1.881-1.195-.633-2.4-1.35-3.656-2.186l-.336.523c.566.385 1.148.729 1.707 1.064l.367.217-1.17 2.002-.365-.205c-1.076-.631-2.107-1.328-3.113-2.021l-.365-.25-.012.006-.592-.447c-.893-.656-1.818-1.342-2.678-2.088l-.314-.271 1.445-1.801.324.277c.48.393 1.014.84 1.57 1.254l.367-.502c-.988-.746-1.992-1.58-3.053-2.535-.961-.848-1.959-1.813-3.053-2.945l-.443.436c.27.273.535.551.809.814.209.205.422.414.627.619l.291.303-1.588 1.67-.301-.293c-.959-.93-1.926-1.943-2.865-3.006l.365-.338-.371.332c-.918-1.053-1.816-2.104-2.641-3.217l-.248-.334 1.828-1.43.248.354c.389.541.824 1.057 1.25 1.564l.002.006.463-.391c-.797-.961-1.545-1.973-2.416-3.168l.393-.283-.393.283c-.754-1.07-1.512-2.25-2.324-3.602l-.525.305 1.281 2.094-1.926 1.277-.424-.686c-.664-1.088-1.346-2.205-1.949-3.355h-.004c-.586-1.037-1.092-2.127-1.58-3.174l-.449-.969 2.111-.961.164.395c.207.473.449.955.672 1.422.068.135.131.271.195.4l.539-.277c-.561-1.115-1.096-2.346-1.744-3.916l.42-.18-.422.168c-.564-1.465-1.029-2.799-1.416-4.047l-.574.17c.051.145.092.285.131.432.16.504.316 1.01.49 1.508l.139.398-2.18.783-.352-1.08c-.346-1.078-.703-2.193-.984-3.328l.002.008c-.334-1.188-.584-2.389-.828-3.564l-.193-.945 2.256-.432.504 2.406.592-.143c-.273-1.285-.541-2.588-.723-3.906-.242-1.635-.395-3.002-.471-4.271l-.613.039c.039.613.096 1.262.193 2.016l.047.43-2.283.25-.057-.412c-.131-1.045-.188-2.104-.244-3.123-.02-.355-.037-.703-.061-1.049l.426-.027-.43.002c0-.379.002-.758-.004-1.133-.016-.994-.027-2.028.035-3.053l.027-.408 2.303.086-.039.438c-.027.645-.051 1.309-.045 2.032l.611-.008c-.01-1.303.068-2.62.152-3.891l.002-.105.377.023-.377-.027c.102-1.307.264-2.705.502-4.273l-.598-.109-.357 2.439-2.271-.281.148-1.102c.168-1.17.34-2.369.59-3.549.195-1.1.471-2.197.738-3.256.078-.273.145-.543.211-.818l.102-.422 2.223.633-.107.412c-.143.506-.266 1.021-.387 1.539-.039.143-.072.291-.105.432l.586.139c.307-1.273.68-2.637 1.15-4.139l.439.145-.439-.156c.543-1.607 1.008-2.871 1.492-4.029l-.563-.238c-.051.137-.115.281-.164.418-.201.48-.408.977-.58 1.465l-.143.406-2.162-.832.318-.811c.434-1.141.896-2.303 1.436-3.432.539-1.229 1.174-2.424 1.787-3.584l.277-.523 2 1.129-1.127 2.178.541.273c.621-1.189 1.238-2.359 1.932-3.492.807-1.342 1.57-2.51 2.332-3.551l-.494-.373c-.398.557-.787 1.098-1.139 1.666l-.229.369-1.91-1.305.223-.354c.646-1.021 1.375-2.002 2.086-2.953l.326-.436.314.242-.309-.25c.996-1.275 1.838-2.287 2.664-3.195l.285-.305 1.688 1.561-.264.313c-.193.227-.385.441-.582.66-.256.283-.516.57-.758.871l.475.402c.811-.971 1.693-1.984 2.656-2.951.9-.955 1.912-1.92 3.092-2.951l-.398-.479c-.412.354-.814.734-1.207 1.102l-.588.555-1.561-1.699.297-.295c.891-.863 1.842-1.674 2.764-2.457l.424-.359.248.301-.236-.314.615-.473c.867-.68 1.766-1.373 2.701-2.002l.348-.23 1.297 1.922-.35.242c-.535.367-1.098.75-1.635 1.174l.373.496c1.191-.91 2.346-1.705 3.496-2.416 1.074-.695 2.291-1.395 3.691-2.123l-.281-.568c-.381.189-.758.408-1.125.615-.207.121-.424.242-.641.363l-.361.201-1.125-2.02.361-.221c1.188-.688 2.414-1.303 3.67-1.928l.029-.016c.021-.004.039-.014.049-.021l.566-.258c1.02-.463 2.078-.943 3.16-1.328l.383-.141.816 2.186-.406.146c-.637.225-1.262.49-1.846.75l.24.566c1.215-.539 2.467-.99 3.656-1.414 1.207-.422 2.51-.805 4.064-1.215l-.145-.6-2.34.631-.639-2.24 1.1-.295c1.076-.293 2.184-.592 3.297-.809 1.012-.242 2.049-.408 3.055-.564.338-.053.666-.105 1.01-.158l.416-.074.311 2.316-2.396.391.107.605c1.438-.254 2.721-.42 3.914-.527l.027.342-.027-.342c1.344-.121 2.781-.234 4.232-.238l-.012-.615c-.635-.002-1.314.016-1.986.066l-.432.029-.113-2.33.402-.027c1.104-.088 2.219-.078 3.303-.076.305 0 .613.002.916.002v.42l.02-.42.398.016c1.215.049 2.471.102 3.713.244l.412.047-.227 2.314-.799-.076c-.525-.053-1.068-.105-1.611-.131l-.035.631c1.621.098 2.973.23 4.225.432 1.232.164 2.527.402 4.162.775l.143-.613c-.367-.09-.748-.164-1.109-.232-.297-.053-.584-.105-.861-.176l-.402-.078.416-2.287.412.072c1.221.221 2.488.514 4.121.949 1.377.385 2.625.748 3.846 1.205l.391.145-.758 2.207-.402-.154c-.592-.234-1.227-.42-1.832-.613l-.059-.014-.172.594c1.252.375 2.477.836 3.717 1.305 1.277.514 2.57 1.088 3.857 1.717l.271-.551-2.191-1.045.932-2.137.385.184c.24.119.49.234.734.354.969.457 1.986.945 2.951 1.484 1.025.539 2.021 1.15 2.988 1.75l.945.576-1.236 1.979-.355-.221c-.439-.291-.898-.561-1.348-.834-.125-.072-.248-.15-.377-.225l-.299.535c1.148.684 2.264 1.4 3.338 2.146l-.252.365.252-.365c1.309.939 2.4 1.762 3.389 2.586l.381-.475c-.111-.092-.23-.188-.344-.287-.391-.326-.795-.672-1.213-.965l-.357-.25 1.396-1.875.33.258c1.07.826 2.201 1.73 3.268 2.707 1.084.951 2.148 2.016 2.996 2.871l.299.305-1.635 1.631-1.74-1.717-.412.449c1.156 1.133 2.1 2.117 2.955 3.088l-.293.264.293-.264c1.063 1.215 1.926 2.279 2.703 3.322l.479-.373c-.066-.088-.133-.18-.197-.268-.332-.447-.672-.9-1.031-1.32l-.289-.33 1.789-1.492.268.326c.936 1.154 1.75 2.244 2.492 3.33h.004c.725 1.037 1.459 2.184 2.254 3.51l.215.363-1.965 1.199-.219-.354c-.162-.248-.309-.498-.463-.754-.195-.328-.4-.662-.6-.98l-.52.344c.652 1.035 1.377 2.211 2.006 3.404h.004c.695 1.271 1.328 2.564 1.883 3.859l.568-.252c-.299-.688-.607-1.326-.861-1.832l-.191-.391 2.059-1.027.188.369c.504.992.941 2.021 1.355 3.02.117.268.232.527.346.797l-.373.164.381-.141c.096.262.191.523.291.791.383 1.021.771 2.076 1.082 3.15l.117.398-2.18.709-.131-.414c-.186-.617-.395-1.277-.631-1.928l-.572.215c.395 1.092.768 2.285 1.191 3.818.406 1.453.713 2.91.961 4.193l.605-.113c-.074-.381-.158-.762-.232-1.131-.066-.287-.127-.584-.188-.869l-.082-.404 2.238-.523.09.418c.355 1.641.615 2.982.781 4.219.221 1.342.34 2.713.461 4.033l.045.547-2.311.174-.016-.439c-.033-.518-.094-1.053-.156-1.566-.016-.145-.033-.299-.051-.447l-.59.076c.16 1.418.238 2.842.318 4.285l-.404.021.404-.006c.014 1.454.027 2.879-.047 4.299l.604.039c.01-.154.016-.307.018-.453.025-.518.055-1.055.051-1.576l-.006-.436 2.314.025z" fill="#006098"/>
<path d="M300.074 380.788l.359-.207 1.156 2.006-2.158 1.211.293.559.094-.055c1.014-.563 2.064-1.148 3.051-1.795l.217.342-.209-.352c.994-.598 1.951-1.287 2.879-1.953l.137-.104-.357-.51c-.324.246-.65.465-.971.689-.234.164-.469.33-.707.496l-.35.244-1.277-1.941.354-.236c1.131-.762 2.309-1.635 3.701-2.746l.006.002c1.053-.885 2.16-1.84 3.201-2.854l.301-.291 1.586 1.695-.324.293c-.209.191-.418.393-.625.588-.281.266-.568.541-.865.809l.398.469c.875-.779 1.752-1.59 2.584-2.463.91-.904 1.787-1.887 2.551-2.768l-.471-.416-1.645 1.861-1.672-1.596.279-.309c1.201-1.32 2.152-2.443 2.992-3.535 1.053-1.385 1.928-2.623 2.666-3.783l.227-.365 1.92 1.273-.234.361c-.141.207-.279.43-.414.637-.234.35-.467.719-.721 1.078l.502.361c.693-.988 1.357-2.029 1.994-3.084l.383.234-.383-.234c.586-.969 1.18-2.023 1.842-3.307l-.553-.293c-.076.137-.145.271-.215.406-.24.467-.492.947-.76 1.418l-.205.373-1.984-1.146.195-.369c.873-1.586 1.531-2.902 2.088-4.148l.004-.002c.65-1.486 1.178-2.74 1.611-4.029l.135-.416 2.152.789-.129.396c-.223.656-.465 1.305-.719 1.947l.566.24c.377-.896.689-1.836 1.002-2.746l.256-.738.105-.367c.314-1.033.637-2.107.893-3.182l-.6-.148c-.166.66-.336 1.35-.545 2.02l-.127.389-2.188-.658.123-.398c.504-1.742.85-3.18 1.094-4.516.299-1.43.484-2.881.666-4.287l.049-.416 2.268.26-.053.422c-.051.543-.131 1.08-.199 1.602-.029.158-.049.309-.07.457l.615.1c.197-1.314.34-2.492.42-3.572l-.006-.002c.133-1.254.166-2.541.195-3.787h-.611c-.004.395-.027.799-.041 1.189-.018.287-.027.574-.043.861l-.012.439-2.295-.131.018-.426c.098-1.529.092-3.076.072-4.647-.084-1.576-.17-3.115-.363-4.65l-.053-.42 2.283-.283.041.434c.025.289.066.578.096.865.043.385.088.789.125 1.188l.605-.051c-.113-1.209-.227-2.451-.424-3.656l.416-.072-.416.061c-.156-1.107-.371-2.299-.682-3.734l-.607.139c.033.152.063.307.096.461.107.512.221 1.037.322 1.576l.07.414-2.246.416-.076-.412c-.268-1.359-.588-2.955-1.039-4.535l.521-.148-.521.148c-.457-1.697-.865-2.975-1.311-4.143l-.15-.406 2.141-.807.152.387c.26.67.484 1.332.678 1.971l.596-.189c-.289-.91-.621-1.813-.943-2.691-.104-.266-.197-.525-.291-.783-.113-.268-.227-.525-.336-.793-.361-.854-.738-1.746-1.15-2.584l-.561.279c.268.541.572 1.207.857 1.889l.152.387-2.09.93-.166-.395c-.586-1.387-1.26-2.781-2.008-4.15-.691-1.324-1.502-2.623-2.207-3.738l-.229-.361 1.906-1.273.223.355c.303.449.584.91.861 1.367.078.129.154.258.236.391l.533-.318c-.672-1.135-1.314-2.119-1.936-3.016-.682-.994-1.422-1.984-2.25-3.031l-.477.389c.275.34.537.691.783 1.039.156.193.303.396.461.602l.262.348-1.842 1.393-.254-.346c-.814-1.129-1.738-2.27-2.895-3.604l-.002.008c-.914-1.041-1.932-2.096-3.215-3.332l-.297-.295 1.563-1.701 1.764 1.742.447-.436c-.939-.949-1.758-1.758-2.645-2.533l.264-.314-.279.309c-.93-.859-1.93-1.658-2.879-2.412l-.367.498c.309.242.615.506.916.748.219.182.43.367.666.543l.34.27-1.471 1.813-.324-.277c-1.057-.906-2.223-1.797-3.656-2.818h.004c-1.164-.809-2.389-1.592-3.633-2.316l-.369-.221 1.143-2.023.369.229c.242.154.492.301.74.451.334.199.674.398 1 .602l.334-.518-.217-.137c-.949-.58-1.93-1.189-2.926-1.705l.189-.385-.211.377c-.941-.539-1.938-1.02-2.904-1.479-.125-.051-.232-.104-.346-.162l-.252.582 2.229 1.064-1.023 2.086-.369-.188c-1.395-.688-2.789-1.322-4.162-1.871-1.363-.516-2.697-1.012-4.066-1.404l-.404-.123.654-2.234.863.262c.484.154.99.309 1.486.479l.201-.588c-1.104-.387-2.24-.715-3.492-1.066-1.377-.367-2.492-.627-3.545-.832l-.111.627c.146.025.289.061.439.09.512.1 1.049.197 1.574.346l.391.109-.52 2.244-.408-.096c-1.803-.416-3.195-.682-4.5-.854l.045-.381-.055.381c-1.33-.213-2.777-.352-4.559-.447l-.418-.027.121-2.303.4.01c.691.016 1.383.078 2.053.148l.064-.637c-1.082-.102-2.186-.154-3.254-.195l-.377-.02c-.309.002-.615 0-.928-.002-.928 0-1.881-.008-2.814.041l.023.629c.711-.035 1.398-.041 2.051-.039h.416l.018 2.33-.428-.002c-1.553-.016-3.121.104-4.578.227-1.275.121-2.664.318-4.254.592l-.41.078-.404-2.301 2.434-.385-.08-.629c-.203.033-.406.061-.596.09-.982.152-2.01.314-2.982.555l-.1-.424.082.428c-1.092.211-2.193.508-3.254.797l-.279.072.176.605 2.379-.639.539 2.262-.402.105c-1.697.441-3.09.842-4.373 1.289-1.299.461-2.684.965-4.002 1.568l-.387.178-.906-2.135.371-.17c.598-.27 1.236-.549 1.895-.797l-.227-.59c-.904.348-1.818.764-2.697 1.162l-.635.283c-1.109.553-2.205 1.098-3.25 1.695l.307.555c.088-.051.182-.107.275-.156.498-.285 1.008-.574 1.541-.828l.365-.17 1.027 2.061-.371.193c-1.537.793-2.842 1.543-3.99 2.283l-.227-.367.215.373c-1.236.76-2.473 1.619-3.766 2.623l-.34.262-1.371-1.848.32-.26c.547-.438 1.107-.846 1.658-1.225l-.35-.523c-.795.551-1.568 1.154-2.311 1.732l-.611.473-.412.354c-.814.682-1.641 1.387-2.42 2.131l.422.457c.496-.461 1-.939 1.539-1.379l.32-.26 1.475 1.76-.318.283c-1.297 1.115-2.391 2.15-3.35 3.162l-.326-.309.318.324c-1.049 1.045-2.002 2.168-2.881 3.223l-.271.326-1.742-1.475.25-.33c.33-.438.697-.85 1.055-1.24.094-.111.189-.225.291-.334l-.467-.426c-.717.805-1.469 1.719-2.328 2.82l-.336.438c-.611.826-1.252 1.674-1.82 2.553l.512.352c.379-.57.779-1.125 1.188-1.689l.25-.34 1.84 1.385-.248.342c-.83 1.115-1.672 2.375-2.561 3.855-.746 1.221-1.404 2.492-2.08 3.785l-.186.369-2.051-1.037 1.156-2.211-.537-.309c-.559 1.055-1.121 2.129-1.605 3.213-.547 1.127-1.014 2.324-1.457 3.479l-.006.014.572.219c.145-.375.293-.744.445-1.102.115-.27.217-.539.326-.807l.158-.406 2.115.926-.166.389c-.533 1.24-1.035 2.59-1.625 4.354-.52 1.639-.918 3.107-1.225 4.48l-.102.412-2.23-.521.102-.42c.066-.283.137-.564.207-.848.094-.387.186-.77.285-1.154l-.592-.172c-.035.133-.064.266-.109.398-.258 1.043-.531 2.127-.719 3.186l-.428-.072.422.092c-.25 1.154-.408 2.346-.58 3.508l-.031.232.613.076.357-2.469 2.266.385-.066.414c-.273 1.721-.453 3.232-.555 4.627l-.006.102c-.086 1.393-.176 2.836-.141 4.254l.008.426-2.293.012.004-.414c-.025-.74-.018-1.42.01-2.079l-.615-.031c-.037.861-.029 1.725-.018 2.569.002.373.014.744.012 1.119.023.352.039.699.064 1.055.037.873.086 1.764.184 2.641l.617-.063c-.08-.758-.139-1.439-.158-2.084l-.016-.41 2.281-.146.016.438c.07 1.361.227 2.826.49 4.623.193 1.422.502 2.855.789 4.236l.094.414-.396.115-1.826.43-.516-2.443-.607.119.02.1c.244 1.152.482 2.342.813 3.496.268 1.107.625 2.219.977 3.295l.084.25.58-.211c-.123-.375-.246-.752-.359-1.131-.082-.287-.176-.555-.266-.834l-.133-.422 2.197-.662.127.406c.396 1.344.891 2.779 1.504 4.381.709 1.734 1.297 3.041 1.902 4.248l.193.377-2.047 1.063-.188-.398c-.121-.262-.25-.525-.373-.783-.174-.35-.35-.707-.516-1.07l-.559.258.082.184c.484 1.031.988 2.107 1.549 3.107l-.395.232.408-.221c.578 1.121 1.244 2.213 1.9 3.273l.516-.344-1.293-2.133 1.977-1.176.215.357c.877 1.482 1.695 2.762 2.498 3.91.951 1.311 1.764 2.396 2.646 3.43l.273.328-1.742 1.508-.559-.664c-.332-.414-.682-.832-1.014-1.26l-.484.377c.729.969 1.521 1.887 2.344 2.83.82.939 1.672 1.828 2.52 2.67l.43-.459c-.105-.111-.215-.221-.318-.328-.381-.373-.762-.75-1.129-1.16l-.271-.307 1.645-1.592.295.309c1.176 1.244 2.258 2.289 3.283 3.199h.004c1.162 1.049 2.258 1.951 3.332 2.744l.338.248-1.359 1.859-.334-.236c-.572-.41-1.121-.852-1.621-1.275l-.398.492c.752.619 1.551 1.215 2.322 1.793l.525.385.414.283c.875.6 1.781 1.217 2.699 1.777l.322-.545c-.568-.346-1.164-.717-1.736-1.113l-.338-.242 1.252-1.938.348.234c1.367.926 2.652 1.705 3.941 2.383l-.197.375.203-.377c1.207.678 2.52 1.314 4.127 2.016l.385.174-.891 2.121-.375-.146c-.557-.221-1.086-.475-1.6-.723-.09-.045-.188-.098-.277-.139l-.273.58c1.145.547 2.309 1.035 3.334 1.461l.504.189c.99.367 2.008.756 3.035 1.076l.178-.602c-.619-.191-1.25-.418-1.943-.674l-.379-.145.768-2.188.4.146c1.264.482 2.658.916 4.369 1.369l-.063.252.063-.252c1.357.373 2.758.646 4.123.908l.48.094-.377 2.293-2.42-.479-.135.615c1.176.236 2.387.482 3.58.633l-.045.404.064-.402c1.016.168 2.059.26 3.082.346.166.012.354.031.527.049l.035-.623c-.395-.035-.783-.072-1.164-.115-.281-.025-.568-.051-.854-.082l-.43-.039.254-2.316.414.047c1.375.16 2.854.27 4.537.316h.383c1.287.002 2.619.004 3.914-.1l.422-.029.137 2.328-.559.033c-.619.043-1.258.078-1.896.084l.008.631c.893-.01 1.795-.078 2.672-.135.328-.025.65-.041.971-.068l.43-.043c1.041-.117 2.117-.232 3.17-.408l-.1-.627c-.66.107-1.355.223-2.037.285l-.41.031-.26-2.291.418-.057c1.77-.213 3.205-.439 4.516-.742l.1.439-.088-.443c1.289-.252 2.664-.607 4.439-1.154l.391-.115.67 2.209-.381.125c-.514.191-1.043.328-1.549.455-.145.035-.287.08-.436.113l.154.623c1.063-.283 2.188-.623 3.486-1.063l.137-.049c1.117-.393 2.27-.809 3.373-1.283l-.248-.578c-.592.252-1.201.484-1.789.705l-.506.191-.793-2.184.391-.143c1.275-.467 2.613-1.043 4.217-1.811l.355.762-.35-.762c1.347-.641 2.672-1.386 3.808-2.036m-24.312 5.608c-1.107.039-2.219.039-3.316.004-26.207-.873-47.408-22.428-48.266-49.088-.434-13.542 4.357-26.456 13.48-36.346 9.131-9.898 21.502-15.584 34.842-16.027 1.102-.035 2.217-.037 3.313-.002 26.213.869 47.416 22.432 48.264 49.082.432 13.553-4.354 26.461-13.473 36.356-9.133 9.896-21.51 15.581-34.844 16.021" fill="#006098"/>
<path d="M269.484 367.616v.271l1.23.002-.004 2.137-1.229-.002-.002.416-.32-.002v-.414l-1.234-.002.008-2.139 1.229.004.002-.275zm-.324 2.11l.004-1.551h-.91v1.549zm.324-1.549l-.002 1.551h.885l.004-1.551zm1.834 2.062l1.27-1.336v-.42h-1.227v-.318h1.227v-.561l.351.002v.559l1.252.006v.316l-1.253-.004-.004.42 1.3 1.323-.257.222-1.215-1.238-1.188 1.234zm3.817.209h-.338l.002-2.086 1.254.004v-.303l-1.266-.002v-.297l1.266.002.002-.141.34.004-.002.137h1.293v.301l-1.293-.004-.002.303h1.268l-.006 2.088h-.512v-.307h.178l.002-1.477-2.186-.002zm1.265-.627l.703.002.002.299-.705-.002v.332l-.34-.004v-.328l-.709-.002v-.299h.709l.004-.277h-.688v-.297l.969.004.342-.402.322.064-.281.338.35-.002v.297h-.678zm-.578-.978l.26.223-.326.068-.271-.227zm5.315-.951v.306l-2.09-.002-.041.59 2.06.004-.08 1.672-.738-.004-.016-.305.44.002.064-1.064h-1.785l-.404 1.363-.297-.1.42-1.474.059-.686h-.477l.002-.304 1.367.002-.125-.246.332-.077.149.323z" fill="#006098"/>
<path d="M243.994 364.528s14.641-16.064 25.281-15.816c16.645.395 35.211 14.867 35.211 14.867s-24.561-5.826-36.357-5.449c-9.19.295-24.135 6.398-24.135 6.398" fill="#00487a"/>
<path fill="#0a67a1" d="M277.503862 335.825026l3.973.007946-.003222 1.6109999-3.973-.007946zm-3.46155739-5.67699569l4.4159999.0057408-.0043342 3.3340001-4.4159999-.0057408zm6.55147568.02135319l4.5450001.0059085-.0043394 3.3380001-4.5450001-.0059085zm-6.56061687-5.52712148l4.4180002.0079524-.006012 3.3399999-4.4180002-.0079524z"/>
<path d="M283.047 304.401l-2.658 1.986c2.545.852 6.033 2.451 8.424 5.285 3.902 4.629 8.713 17.963 8.922 18.525l-2.844 1.809c-.049-.133-4.859-14.104-8.404-18.307-3.348-3.973-9.787-5.092-9.854-5.105-.467-.068-.859-.359-1.084-.762-.23.41-.631.703-1.102.764-.072.014-7.111 1.109-10.471 5.061-3.578 4.213-9.701 17.986-9.756 18.121l-2.645-1.715c.232-.557 6.189-13.852 10.088-18.445 2.447-2.883 6.248-4.479 8.98-5.301l-2.98-2.246c-3.635.418-8.512 1.535-9.898 3.443-6.43 8.805-12.041 44.499-13.842 57.014 15.031-13.447 22.623-15.436 26.791-14.965 8.061.902 22.67 7.73 33.771 14.016-1.715-14.268-6.025-45.661-11.652-54.319-1.294-1.988-6.081-3.836-9.786-4.859m-14.945 41.633l-2.145-.145 1.191-18.122-2.389-.004-1.898 17.924-2.135-.236 2.002-18.895 1.066-.971 3.5.006.359-5.605-4.604-.008.004-2.18 5.754.012 1.066 1.158zm20.693-.043l-9.311-.018-9.129-.018.006-2.176 8.049.018.002-1.074-5.502-.012-1.064-1.094.01-4.488 2.141.004-.008 3.4 4.43.01v-.932l-1.986-.004-1.068-1.096.008-2.85-2.424-.004-1.064-1.09.021-11.025 1.068-1.09 5.492.01.004-1.398-5.836-.012.006-2.17 5.834.01.002-1.979 2.148.002-.004 1.98 5.916.01-.004 2.174-5.916-.012-.002 1.4 5.619.008 1.068 1.1-.021 11.021-1.07 1.086-2.578-.004-.006 2.848-1.072 1.09-1.988-.002-.002.932 4.539.006.01-3.719 2.139.002-.012 4.813-1.068 1.086-5.611-.008-.004 1.074 8.244.018z" fill="#006098"/>
<path fill="#0a67a1" d="M280.60322263 324.65026303l4.5450001.011817-.0086944 3.3440001-4.5450001-.011817zM314.369 336.683c.039-20.448-14.572-37.444-33.773-40.745.76 1.498 1.525 3.652 2.006 5.137 2.729.668 9.518 3.643 12.785 6.471 7.367 6.381 24.08 20.986 11.764 52.54 4.537-6.642 7.201-14.706 7.218-23.403m-59.066-31.022c3.619-2.279 9.939-4.5 12.807-4.758.523-1.625 1.354-3.947 2.203-5.391-20.75 1.785-37.074 19.451-37.111 41.012-.018 9.297 2.998 17.879 8.088 24.791-13.772-36.773 6.415-50.861 14.013-55.654m20.252.631c.105-.182.242-.352.414-.486l3.982-2.951c-.787-2.516-1.951-5.563-2.43-6.113-1.092-1.121-3.143-1.102-4.396.051-.471.512-1.574 3.383-2.32 5.768l4.33 3.244c.176.135.316.305.42.487"/>
</g>
</g>
</svg>
</div>
<div>
<h3>使用图像来作链接:</h3>
<a href="http://wcx.nfu.edu.cn/" class='link'>
<img border="0" src="wcy_logo(new)2.svg" />
</a>
</div>
<div>
<h3>当鼠标经过图片时，logo旋转90°:</h3>
<img id="xuanzhuan" src="wcy_logo(new)2.svg" class='pic'>
<style type='css/text'>
.pic:hover{
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */
}
</style>
</div>
<div>
<h3>当鼠标经过图片时，logo变成成其他图片:</h3>
<image src="wcy_logo(new)2.svg" onmouseover="b();" id="a">
<script>
function b(){
document.getElementById('a').src="pacman.ico";
}
</script>
</div>
<div class="box">
<h3>当鼠标经过图片时，logo覆盖多一层文字字幕:</h3>
<ul>
<li>
<img src="wcy_logo(new)2.svg" width="300" height="300" alt="">
<div class="cover">
<a href=""><i class="fa fa-plus"></i></a>
<h4>wcy</h4>
<p>中山大学南方学院文学与传媒学院</p>
</div>
</li>
</ul>
</div>
<div>
<h3>CSS 的 2D 变形:</h3>
<nav>
<image src="wcy_logo(new)2.svg" class="scale" >
<image src="wcy_logo(new)2.svg" class="translate" >
<image src="wcy_logo(new)2.svg" class="rotate" >
<image src="wcy_logo(new)2.svg" class="skew" >
<image src="wcy_logo(new)2.svg" class="matrix" >
</nav>
</div>
<div class="flipper">
<h3>CSS 的 3D 变形之垂直变化:</h3>
<span class="flipper-object flipper-vertical">
<image src="wcy_logo(new)2.svg" >
</span>
</div>
<div class="flipper">
<h3>CSS 的 3D 变形之水平变化:</h3>
<span class="flipper-object flipper-horizontal">
<image src="wcy_logo(new)2.svg" >
</span>
</div>
</body>
教材部分
RWD2