jquery+TweenMax+css实现鼠标可交互油画美女效果代码-html代码-BFW代码库

代码语言：html
所属分类：其他
代码描述：jquery+TweenMax+css实现鼠标可交互油画美女效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">

<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/normalize.5.0.css">
<style>
    .pseudoclear{content:"";display:block;position:absolute;print-color-adjust:exact;filter:opacity(1)}div,svg,ul,li{position:absolute;print-color-adjust:exact;filter:opacity(1);box-sizing:border-box}html{min-width:665px}body{font-size:1px;background-color:#281b11;background-image:linear-gradient(to bottom, #2c3521, #0b0e07);padding:33em 5em 66em}body .linksection{font-size:12px;text-align:center;position:static;padding:0 0 67px;font-family:'Century Gothic',Arial,sans-serif;color:#68705e}body .linksection .separator{padding:0 5px}body .linksection a{color:#788d6a}body .paper{position:relative;margin:auto;background-color:#242c1a;background-image:radial-gradient(circle farthest-corner at 126% 36%, rgba(0,0,0,0) 65%, #000206 81%),radial-gradient(circle farthest-corner at 47% 50%, #5d818a 9%, #062931 76%);box-shadow:0 0 10em 8em #251e0b,0 0 5em 20em #473c1c,0 0 14em 34em #2e2613,0 0 0 40em #261e0f;overflow:hidden;box-sizing:content-box;width:650em}body .paper .container{position:relative;margin:auto;width:100%;height:1050em;perspective:400em}body .paper .container:after{content:"";display:block;position:absolute;print-color-adjust:exact;filter:opacity(1);height:100%;width:100%;background:rgba(161,119,104,0.18);pointer-events:none}body .paper .container .tree{width:100%;height:100%}body .paper .container .square{top:8%;left:0;right:0;margin:auto;width:100%;height:72%}body .paper .container .square .flower{width:112%;height:168%;bottom:49%;right:42%}body .paper .container .square .flower .stem{border-radius:90%}body .paper .container .square .flower .stem.st1{border-right:3em solid #578857;width:32%;height:90%;transform:rotate(-66deg)}body .paper .container .square .flower .stem.st2{border-left:4em solid #578857;width:32%;height:70%;top:22%;left:27%;transform:rotate(-76deg)}body .paper .container .square .flower .flowerbody.f1{width:100%;height:50%;transform:rotateX(39deg) skewY(-15deg);top:-2%;left:-139%}body .paper .container .square .flower .flowerbody.f2{width:72%;height:34%;transform:rotateX(29deg) skewY(-1deg) rotateY(-57deg);top:36%;left:-82%}body .paper .container .square .flower .flowerbody .bud{background:#f7c465;width:15%;height:15%;border-radius:50%;left:53%;top:39%;box-shadow:inset 0 -4em 6em 0 #d2711f}body .paper .container .square .flower .flowerbody .petal{width:24%;height:50%;box-shadow:inset 0 -8em 10em 1em #ad4a68;background:pink;border-radius:50% 50% 50% 50% / 20% 20% 80% 80%;transform-origin:50% 100%;left:50%;top:0}body .paper .container .square .flower .flowerbody .petal:nth-of-type(2){transform:rotate(30deg)}body .paper .container .square .flower .flowerbody .petal:nth-of-type(3){transform:rotate(60deg)}body .paper .container .square .flower .flowerbody .petal:nth-of-type(4){transform:rotate(90deg)}body .paper .container .square .flower .flowerbody .petal:nth-of-type(5){transform:rotate(120deg)}body .paper .container .square .flower .flowerbody .petal:nth-of-type(6){transform:rotate(150deg)}body .paper .container .square .flower .flowerbody .petal:nth-of-type(7){transform:rotate(180deg)}body .paper .container .square .flower .flowerbody .petal:nth-of-type(8){transform:rotate(210deg)}body .paper .container .square .flower .flowerbody .petal:nth-of-type(9){transform:rotate(240deg)}body .paper .container .square .flower .flowerbody .petal:nth-of-type(10){transform:rotate(270deg)}body .paper .container .square .flower .flowerbody .petal:nth-of-type(11){transform:rotate(300deg)}body .paper .container .square .flower .flowerbody .petal:nth-of-type(12){transform:rotate(330deg)}body .paper .container .square .metal{background-color:#c19e4d;box-shadow:inset 4em 3em 2em -1em rgba(255,245,211,0.32);background-image:radial-gradient(ellipse at 45% -2%, #dbd1ac 5%, #8e8150 24%, #665f44 53%, #4b4532 62%)}body .paper .container .square .sash{border-radius:0 0 49% 51% / 0 0 54% 74%;width:142%;height:17%;left:-13%;top:-26%;transform:rotate(3deg)}body .paper .container .square .sash .rightsash{border-radius:0 90% 90% 0 / 0 50% 50% 0;height:57%;width:4%;background:#08333f;right:-3%;top:4%}body .paper .container .square .sash .bottom{border-radius:inherit;width:100%;height:85%;box-shadow:inset 0 -5em 10em -8em #093f4d,inset 0 -16em 2em -1em #08333f,11em 6em 2em -4em #062831,0 11em 5em -5em rgba(26,8,8,0.25)}body .paper .container .square .sash .mid{border-radius:0 0 29% 50% / 0 0 26% 76%;width:86%;height:93%;box-shadow:inset 0 -21em 1em -4em #127a95,inset 0 -20em 2em -1em #4fa4ba}body .paper .container .square .sash .left{border-radius:50% 50% 0 0 / 100% 100% 0 0;width:11%;height:57%;top:3%;left:-4%;transform:rotate(-41deg);box-shadow:inset 0 22em 2em -3em #0a4251}body .paper .container .square .sash .right{border-radius:50% 50% 0 0 / 100% 100% 0 0;width:11%;height:57%;top:6%;right:-4%;transform:rotate(41deg);box-shadow:inset 0 22em 2em -3em #0c4d5f}body .paper .container .square .sash .triangle.ta{left:30%;bottom:0;border-bottom:9em solid #1b89a6;border-left:4em solid transparent;border-right:7em solid transparent}body .paper .container .square .sash .triangle.tb{left:-1%;bottom:0;border-bottom:3em solid #3596b0;border-left:7em solid transparent;border-right:14em solid transparent}body .paper .container .square .sash .triangle.tc{left:43%;bottom:0;border-bottom:7em solid #278faa;border-left:21em solid transparent;border-right:14em solid transparent}body .paper .container .square .sash .triangle.t00{bottom:59%;left:-3%;width:10%;height:38%;overflow:hidden;border-radius:25% 0 0 75%;transform:skewX(-46deg) skewY(18deg);background:linear-gradient(113deg, #07303b, #116f88 66%)}body .paper .container .square .sash .triangle.t0{bottom:39%;left:4%;width:9%;height:38%;overflow:hidden;transform:skewX(-46deg) skewY(12deg);background:linear-gradient(163deg, #4fa4ba, #116f88 30%, #116f88 69%, #0e5c71)}body .paper .container .square .sash .triangle.t1{bottom:26%;left:11%;width:9%;height:38%;transform:skewX(-46deg) skewY(12deg);background:linear-gradient(to bottom, #419cb4, #1987a5, #4fa4ba)}body .paper .container .square .sash .triangle.t2{bottom:19%;left:18%;width:9%;height:40%;transform:skewX(-46deg) skewY(6deg);background:linear-gradient(165deg, #419cb4, #2990ab, #4fa4ba 66%);box-shadow:inset -7em 0 5em -3em #208ba8}body .paper .container .square .sash .triangle.t3{left:33%;bottom:21%;border-top:14em solid #1485a3;border-left:7em solid transparent}body .paper .container .square .sash .triangle.t4{left:28%;bottom:10%;height:43%;width:23%;transform:skewX(-41deg) skewY(3deg);background:linear-gradient(74deg, #11728c 35%, #0e6076 43%, #11728c 53%)}body .paper .container .square .sash .triangle.t5{left:19%;bottom:25%;border-top:17em solid #1987a5;border-left:2em solid transparent;border-right:2em solid transparent;transform:rotate(34deg)}body .paper .container .square .sash .triangle.t6{left:35.5%;bottom:21%;border-top:14em solid #228ca9;border-right:7em solid transparent}body .paper .container .square .sash .triangle.t7{left:47%;bottom:12%;height:40%;width:15%;transform:skewX(-41deg) skewY(-1deg);background:linear-gradient(74deg, #0b4a5a 35%, #1686a4 75%)}body .paper .container .square .sash .triangle.t8{left:61%;bottom:11%;height:45%;width:23%;transform:skewX(-41deg) skewY(-3deg);background:linear-gradient(39deg, #127691 25%, #3797b1 44%, #11728c 50%, #11728c 52%, #093b48)}body .paper .container .square .sash .shad.s1{border-radius:0 0 50% 50% / 0 0 99% 99%;left:9%;bottom:15%;width:35%;height:32%;transform:rotate(9deg);box-shadow:0 0 6em 3em rgba(42,19,19,0.66)}body .paper .container .square .sash .shad.s2{border-radius:25% 75% 0 0 / 99% 99% 0 0;left:7%;top:37%;width:29%;height:19%;box-shadow:0 0 6em 3em rgba(42,19,19,0.66)}body .paper .container .square .sash .shad.s3{right:2%;top:42%;width:18%;transform:rotate(-20deg);box-shadow:0 0 4em 6em rgba(42,19,19,0.33)}body .paper .container .square .sash .shad.s4{border-radius:0 0 25% 75% / 0 0 99% 99%;left:49%;top:71%;width:29%;height:19%;box-shadow:0 0 3em 5em rgba(42,19,19,0.33)}body .paper .container .square .pearlstring{border-radius:0 0 50% 50% / 0 0 100% 100%;border-color:#a9864b;border-width:0 1em 1em 1em}body .paper .container .square .pearlstring.left{border-style:solid;top:-18%;left:-12%;width:66%;transform:rotate(8deg)}body .paper .container .square .pearlstring.left.short{height:10%}body .paper .container .square .pearlstring.left.long{height:23%}body .paper .container .square .pearlstring.left .pearl0{background-color:#74a1bc}body .paper .container .square .pearlstring.left .pearl1{background-color:#7fa8c1}body .paper .container .square .pearlstring.left .pearl2{background-color:#89afc6}body .paper .container .square .pearlstring.left .pearl3{background-color:#93b6cb}body .paper .container .square .pearlstring.left .pearl4{background-color:#9ebdd0}body .paper .container .square .pearlstring.mid{height:20%;width:28%;left:35%;top:3%;transform:rotate(-30deg)}body .paper .container .square .pearlstring.mid .pearl{width:10em;height:8em}body .paper .container .square .pearlstring.right{width:60%;left:114%;top:-24%;transform:rotate(-31deg)}body .paper .container .square .pearlstring.right .pearl{background-color:#4a7c9a}body .paper .container .square .pearlstring.right.short{height:10%}body .paper .container .square .pearlstring.right.short .pearl8{background:#315266;box-shadow:none}body .paper .container .square .pearlstring.right.short .pearl7{background-color:#426e89;box-shadow:none}body .paper .container .square .pearlstring.right.long{height:21%}body .paper .container .square .pearlstring.right.long .pearl11{box-shadow:none;background:#213744}body .paper .container .square .pearlstring.right.long .pearl10{background-color:#315266}body .paper .container .square .pearlstring .pearl{width:6em;margin-left:-4em;height:6em;bottom:0;border-radius:50%;background-color:#a8c4d5;background-image:radial-gradient(ellipse at 30% 30%, rgba(255,255,255,0.67) 12%, transparent 15%, transparent 51%, rgba(0,0,0,0.45) 70%);box-shadow:2em 4em 3em -1em rgba(0,0,0,0.45)}body .paper .container .square .pearlstring .pearl.pearl0{top:0;left:0}body .paper .container .square .pearlstring .pearl.pearl1{top:13%;left:1%}body .paper .container .square .pearlstring .pearl.pearl2{top:25%;left:3%}body .paper .container .square .pearlstring .pearl.pearl3{top:38%;left:6%}body .paper .container .square .pearlstring .pearl.pearl4{top:50%;left:10%}body .paper .container .square .pearlstring .pearl.pearl5{top:61%;left:14%}body .paper .container .square .pearlstring .pearl.pearl6{top:71%;left:19%}body .paper .container .square .pearlstring .pearl.pearl7{top:77%;left:24%}body .paper .container .square .pearlstring .pearl.pearl8{top:84%;left:29%}body .paper .container .square .pearlstring .pearl.pearl9{top:89%;left:34%}body .paper .container .square .pearlstring .pearl.pearl10{top:91%;left:39%}body .paper .container .square .pearlstring .pearl.pearl11{top:95%;left:44%}body .paper .container .square .pearlstring .pearl.pearl12{top:95%;left:50%}body .paper .container .square .pearlstring .pearl.pearl13{top:92%;left:56%}body .paper .container .square .pearlstring .pearl.pearl14{top:89%;left:62%}body .paper .container .square .pearlstring .pearl.pearl15{top:86%;left:67%}body .paper .container .square .pearlstring .pearl.pearl16{top:80%;left:73%}body .paper .container .square .pearlstring .pearl.pearl17{top:73%;left:78%}body .paper .container .square .pearlstring .pearl.pearl18{top:66%;left:83%}body .paper .container .square .pearlstring .pearl.pearl19{top:55%;left:88%}body .paper .container .square .pearlstring .pearl.pearl20{top:44%;left:93%}body .paper .container .square .pearlstring .pearl.pearl21{top:31%;left:97%}body .paper .container .square .pearlstring .pearl.pearl22{top:19%;left:99%}body .paper .container .square .pearlstring .pearl.pearl23{top:7%;left:100%}body .paper .container .square .hairdo{top:23.5%;left:26%;width:28%;height:30%;transform:rotate(-9deg)}body .paper .container .square .body .band,body .paper .container .square .hairdo .band{border-radius:92% 8% 9% 9% / 59% 90% 11% 15%;z-index:2;height:10%;box-shadow:inset -3em 1em 0 0 rgba(23,105,114,0.28),inset -3em 2em 0 0 rgba(255,255,255,0.2),inset -7em -3em 0 -1em rgba(11,40,50,0.14),7em 1em 5em 1em rgba(87,63,37,0.51)}body .paper .container .square .body .band.left,body .paper .container .square .hairdo .band.left{width:132%;left:-12%;top:-22%;background:linear-gradient(to left, #40656e 6%, #619a9c, #82b5b7 95%, #437a8a 99%);transform:rotate(11deg)}body .paper .container .square .body .band.right,body .paper .container .square .hairdo .band.right{width:27%;right:-35%;top:-15%;background:linear-gradient(to left, #204954, #3f6977 64%, #1b2f32);transform:rotate(-30deg) scaleX(-1)}body .paper .container .square .body .medallion,body .paper .container .square .hairdo .medallion{width:19%;height:31%;top:-26%;z-index:9}body .paper .container .square .body .medallion:before,body .paper .container .square .hairdo .medallion:before{content:"";display:block;position:absolute;print-color-adjust:exact;filter:opacity(1);height:80%;left:72%;top:15%;box-shadow:0 0 6em 5em rgba(57,31,12,0.55)}body .paper .container .square .body .medallion .metal,body .paper .container .square .hairdo .medallion .metal{border-radius:35% 35% 50% 50% / 5% 5% 95% 95%}body .paper .container .square .body .medallion .metal.middle,body .paper .container .square .hairdo .medallion .metal.middle{right:0;left:0;top:0;margin:auto;width:69%;height:39%}body .paper .container .square .body .medallion .metal.back,body .paper .container .square .hairdo .medallion .metal.back{left:0;top:5%;width:100%;height:35%}body .paper .container .square .body .medallion .metal.arrow,body .paper .container .square .hairdo .medallion .metal.arrow{left:0;right:0;margin:auto;height:13%}body .paper .container .square .body .medallion .metal.arrow.one,body .paper .container .square .hairdo .medallion .metal.arrow.one{bottom:36%;width:43%}body .paper .container .square .body .medallion .metal.arrow.two,body .paper .container .square .hairdo .medallion .metal.arrow.two{bottom:27%;width:36%;left:5%}body .paper .container .square .body .medallion .metal.arrow.three,body .paper .container .square .hairdo .medallion .metal.arrow.three{bottom:18%;width:33%;left:8%}body .paper .container .square .body .medallion .metal.arrow.four,body .paper .container .square .hairdo .medallion .metal.arrow.four{bottom:9%;width:30%;left:16%}body .paper .container .square .body .medallion .metal.arrow.five,body .paper .container .square .hairdo .medallion .metal.arrow.five{bottom:0;width:24%;left:23%}body .paper .container .square .body .medallion.left,body .paper .container .square .hairdo .medallion.left{left:45%;transform:rotate(3deg) skewX(1deg) skewY(1deg)}body .paper .container .square .body .medallion.right,body .paper .container .square .hairdo .medallion.right{right:-15%;transform:rotate(-6deg) skewX(4deg) skewY(13deg)}body .paper .container .square .body .medallion.right .metal,body .paper .container .square .hairdo .medallion.right .metal{background-color:#9c842d}body .paper .container .square .body .medallion.right .metal.right,body .paper .container .square .hairdo .medallion.right .metal.right{right:11%}body .paper .container .square .body .medallion .pearlback,body .paper .container .square .hairdo .medallion .pearlback{width:60%;height:29%;left:0;right:0;margin:auto;bottom:45%;border-radius:50%}body .paper .container .square .body .medallion .pearl,body .paper .container .square .hairdo .medallion .pearl{width:63%;height:67%;top:0;bottom:0;background:#8bd3d4;box-shadow:inset 0 -5em 3em -1em #34727b,inset 0 -4em 7em 4em #4f7e88,0 -1em 7em 3em #9c8546;border-radius:50%;left:0;right:0;margin:auto}body .paper .container .square .body .side,body .paper .container .square .hairdo .side{bottom:-30%;overflow:hidden;width:94%;height:150%}body .paper .container .square .body .side.left,body .paper .container .square .hairdo .side.left{right:50%}body .paper .container .square .body .side.right,body .paper .container .square .hairdo .side.right{left:50%}body .paper .container .square .body .feather.feather1,body .paper .container .square .hairdo .feather.feather1{width:54%;height:23%;top:-44%;right:-47%;transform:rotate(113deg)}body .paper .container .square .body .feather.feather1 .featherside .feath,body .paper .container .square .hairdo .feather.feather1 .featherside .feath{border-right-width:5em}body .paper .container .square .body .feather.feather2,body .paper .container .square .hairdo .feather.feather2{width:74%;height:35%;top:-61%;right:-33%;transform:rotate(45deg)}body .paper .container .square .body .feather:after,body .paper .container .square .hairdo .feather:after{content:"";display:block;position:absolute;print-color-adjust:exact;filter:opacity(1);top:32%;margin-top:-1em;height:30%;box-shadow:inset -6em -8em 1em -6em #af7373,-5em 20em 31em -10em rgba(136,17,50,0.62);border-radius:90%;width:100%}body .paper .container .square .body .feather .featherside,body .paper .container .square .hairdo .feather .featherside{border-radius:0% 56% 0% 0 / 0% 100% 0% 0;height:51%;width:100%}body .paper .container .square .body .feather .featherside.left,body .paper .container .square .hairdo .feather .featherside.left{bottom:0;transform:scaleY(-1)}body .paper .container .square .body .feather .featherside.right,body .paper .container .square .hairdo .feather .featherside.right{top:0}body .paper .container .square .body .feather .featherside.right .feath:nth-of-type(5n+3),body .paper .container .square .hairdo .feather .featherside.right .feath:nth-of-type(5n+3){transform:rotate(6deg)}body .paper .container .square .body .feather .featherside.right .feath:nth-of-type(2n+7),body .paper .container .square .hairdo .feather .featherside.right .feath:nth-of-type(2n+7){transform:rotate(-2deg)}body .paper .container .square .body .feather .featherside .feath,body .paper .container .square .hairdo .feather .featherside .feath{background:none;border-right-style:double;border-right-width:7em;border-color:#ab636f;transform-origin:100% 100%;max-width:74%;bottom:0;height:106%;box-shadow:none;height:100%;border-radius:inherit;opacity:.6}body .paper .container .square .body .feather .featherside .feath:nth-of-type(odd),body .paper .container .square .hairdo .feather .featherside .feath:nth-of-type(odd){border-color:#9a4c6b}body .paper .container .square .body .feather .featherside .feath.feath1,body .paper .container .square .hairdo .feather .featherside .feath.feath1{right:0;width:53%}body .paper .container .square .body .feather .featherside .feath.feath2,body .paper .container .square .hairdo .feather .featherside .feath.feath2{right:2%;width:85%}body .paper .container .square .body .feather .featherside .feath.feath3,body .paper .container .square .hairdo .feather .featherside .feath.feath3{right:4%;width:53%}body .paper .container .square .body .feather .featherside .feath.feath4,body .paper .container .square .hairdo .feather .featherside .feath.feath4{right:6%;width:86%}body .paper .container .square .body .feather .featherside .feath.feath5,body .paper .container .square .hairdo .feather .featherside .feath.feath5{right:8%;width:58%}body .paper .container .square .body .feather .featherside .feath.feath6,body .paper .container .square .hairdo .feather .featherside .feath.feath6{right:10%;width:63%}body .paper .container .square .body .feather .featherside .feath.feath7,body .paper .container .square .hairdo .feather .featherside .feath.feath7{right:12%;width:56%}body .paper .container .square .body .feather .featherside .feath.feath8,body .paper .container .square .hairdo .feather .featherside .feath.feath8{right:14%;width:84%}body .paper .container .square .body .feather .featherside .feath.feath9,body .paper .container .square .hairdo .feather .featherside .feath.feath9{right:16%;width:56%}body .paper .container .square .body .feather .featherside .feath.feath10,body .paper .container .square .hairdo .feather .featherside .feath.feath10{right:18%;width:68%}body .paper .container .square .body .feather .featherside .feath.feath11,body .paper .container .square .hairdo .feather .featherside .feath.feath11{right:20%;width:53%}body .paper .container .square .body .feather .featherside .feath.feath12,body .paper .container .square .hairdo .feather .featherside .feath.feath12{right:22%;width:83%}body .paper .container .square .body .feather .featherside .feath.feath13,body .paper .container .square .hairdo .feather .featherside .feath.feath13{right:24%;width:54%}body .paper .container .square .body .feather .featherside .feath.feath14,body .paper .container .square .hairdo .feather .featherside .feath.feath14{right:26%;width:66%}body .paper .container .square .body .feather .featherside .feath.feath15,body .paper .container .square .hairdo .feather .featherside .feath.feath15{right:28%;width:58%}body .paper .container .square .body .feather .featherside .feath.feath16,body .paper .container .square .hairdo .feather .featherside .feath.feath16{right:30%;width:120%}body .paper .container .square .body .feather .featherside .feath.feath17,body .paper .container .square .hairdo .feather .featherside .feath.feath17{right:32%;width:52%}body .paper .container .square .body .feather .featherside .feath.feath18,body .paper .container .square .hairdo .feather .featherside .feath.feath18{right:34%;width:64%}body .paper .container .square .body .feather .featherside .feath.feath19,body .paper .container .square .hairdo .feather .featherside .feath.feath19{right:36%;width:56%}body .paper .container .square .body .feather .featherside .feath.feath20,body .paper .container .square .hairdo .feather .featherside .feath.feath20{r:ight 37%;width:88%}body .paper .container .square .body .feather .featherside .feath.feath21,body .paper .container .square .hairdo .feather .featherside .feath.feath21{right:40%;width:58%}body .paper .container .square .body .feather .featherside .feath.feath22,body .paper .container .square .hairdo .feather .featherside .feath.feath22{right:42%;width:52%}body .paper .container .square .body .feather .featherside .feath.feath23,body .paper .container .square .hairdo .feather .featherside .feath.feath23{right:44%;width:54%}body .paper .container .square .body .feather .featherside .feath.feath24,body .paper .container .square .hairdo .feather .featherside .feath.feath24{right:46%;width:54%}body .paper .container .square .body .feather .featherside .feath.feath25,body .paper .container .square .hairdo .feather .featherside .feath.feath25{right:48%;width:45%;height:80%}body .paper .container .square .body .feather .featherside .feath.feath26,body .paper .container .square .hairdo .feather .featherside .feath.feath26{right:50%;width:28%;height:79%}body .paper .container .square .body .feather .featherside .feath.feath27,body .paper .container .square .hairdo .feather .featherside .feath.feath27{right:52%;width:24%;height:73%}body .paper .container .square .body .feather .featherside .feath.feath28,body .paper .container .square .hairdo .feather .featherside .feath.feath28{right:54%;width:38%;height:86%}body .paper .container .square .body .feather .featherside .feath.feath29,body .paper .container .square .hairdo .feather .featherside .feath.feath29{right:56%;width:44%;height:85%}body .paper .container .square .body .feather .featherside .feath.feath30,body .paper .container .square .hairdo .feather .featherside .feath.feath30{right:58%;width:34%;height:84%}body .paper .container .square .body .feather .featherside .feath.feath31,body .paper .container .square .hairdo .feather .featherside .feath.feath31{right:60%;width:34%;height:83%}body .paper .container .square .body .feather .featherside .feath.feath32,body .paper .container .square .hairdo .feather .featherside .feath.feath32{right:62%;width:32%;height:82%}body .paper .container .square .body .feather .featherside .feath.feath33,body .paper .container .square .hairdo .feather .featherside .feath.feath33{right:64%;width:38%;height:81%}body .paper .container .square .body .feather .featherside .feath.feath34,body .paper .container .square .hairdo .feather .featherside .feath.feath34{right:66%;width:28%;height:80%}body .paper .container .square .body .feather .featherside .feath.feath35,body .paper .container .square .hairdo .feather .featherside .feath.feath35{right:68%;width:26%;height:79%}body .paper .container .square .body .feather .featherside .feath.feath36,body .paper .container .square .hairdo .feather .featherside .feath.feath36{right:70%;width:27%;height:78%}body .paper .container .square .body .feather .featherside .feath.feath37,body .paper .container .square .hairdo .feather .featherside .feath.feath37{right:72%;width:30%;height:75%}body .paper .container .square .body .feather .featherside .feath.feath38,body .paper .container .square .hairdo .feather .featherside .feath.feath38{right:74%;width:33%;height:70%}body .paper .container .square .body .feather .featherside .feath.feath39,body .paper .container .square .hairdo .feather .featherside .feath.feath39{right:76%;width:37%;height:65%}body .paper .container .square .body .feather .featherside .feath.feath40,body .paper .container .square .hairdo .feather .featherside .feath.feath40{right:78%;width:27%;height:60%}body .paper .container .square .body .feather .featherside .feath.feath41,body .paper .container .square .hairdo .feather .featherside .feath.feath41{right:80%;width:39%;height:55%}body .paper .container .square .body .feather .featherside .feath.feath42,body .paper .container .square .hairdo .feather .featherside .feath.feath42{right:82%;width:37%;height:50%}body .paper .container .square .body .feather .featherside .feath.feath43,body .paper .container .square .hairdo .feather .featherside .feath.feath43{right:84%;width:26%;height:45%}body .paper .container .square .body .feather .featherside .feath.feath44,body .paper .container .square .hairdo .feather .featherside .feath.feath44{right:86%;width:35%;height:40%}body .paper .container .square .body .feather .featherside .feath.feath45,body .paper .container .square .hairdo .feather .featherside .feath.feath45{right:88%;width:36%;height:35%}body .paper .container .square .body .feather .featherside .feath.feath46,body .paper .container .square .hairdo .feather .featherside .feath.feath46{right:90%;width:21%;height:25%}body .paper .container .square .body .feather .featherside .feath.feath47,body .paper .container .square .hairdo .feather .featherside .feath.feath47{right:92%;width:26%;height:20%}body .paper .container .square .body .feather .featherside .feath.feath48,body .paper .container .square .hairdo .feather .featherside .feath.feath48{right:94%;width:20%;height:15%}body .paper .container .square .body .feather .featherside .feath.feath49,body .paper .container .square .hairdo .feather .featherside .feath.feath49{right:96%;width:17%;height:10%}body .paper .container .square .body .feather .featherside .feath.feath50,body .paper .container .square .hairdo .feather .featherside .feath.feath50{right:98%;width:14%;height:5%}body .paper .container .square .body .bangs,body .paper .container .square .hairdo .bangs,body .paper .container .square .body .curl,body .paper .container .square .hairdo .curl,body .paper .container .square .body .hair,body .paper .container .square .hairdo .hair,body .paper .container .square .body .transparence,body .paper .container .square .hairdo .transparence{overflow:hidden}body .paper .container .square .body .bangs:after,body .paper .container .square .hairdo .bangs:after,body .paper .container .square .body .curl:after,body .paper .container .square .hairdo .curl:after,body .paper .container .square .body .hair:after,body .paper .container .square .hairdo .hair:after,body .paper .container .square .body .transparence:after,body .paper .container .square .hairdo .transparence:after{content:"";display:block;position:absolute;print-color-adjust:exact;filter:opacity(1);right:0;top:0;border-radius:inherit;width:100%;height:100%}body .paper .container .square .body .bangs .inner,body .paper .container .square .hairdo .bangs .inner,body .paper .container .square .body .curl .inner,body .paper .container .square .hairdo .curl .inner,body .paper .container .square .body .hair .inner,body .paper .container .square .hairdo .hair .inner,body .paper .container .square .body .transparence .inner,body .paper .container .square .hairdo .transparence .inner{top:11%;left:1%;width:17%;height:78%;box-shadow:inset 3em 0 5em -2em #d5bb91,inset -20em -8em 31em -16em rgba(119,73,3,0.92),-3em 0 8em 1em #a57b3e,inset -2em 0 6em 2em #d6c09e,2em 0 6em 2em #e2ceaf;border-radius:100%}body .paper .container .square .body .bangs .strand,body .paper .container .square .hairdo .bangs .strand,body .paper .container .square .body .curl .strand,body .paper .container .square .hairdo .curl .strand,body .paper .container .square .body .hair .strand,body .paper .container .square .hairdo .hair .strand,body .paper .container .square .body .transparence .strand,body .paper .container .square .hairdo .transparence .strand{background-color:#bfab87;background-image:linear-gradient(to bottom, #d7d1c3 1%, #edece7 25%, #dcd8ce 46%, #c1b8a8 61%);height:114%;width:70%;top:-1%;margin:auto;border:2em double rgba(138,116,29,0.16);box-shadow:0 3em 4em 1em #95835d,inset 0 0 2em 1em #ab9c7a;border-radius:inherit;opacity:.5}body .paper .container .square .body .bangs .strand.strand1,body .paper .container .square .hairdo .bangs .strand.strand1,body .paper .container .square .body .curl .strand.strand1,body .paper .container .square .hairdo .curl .strand.strand1,body .paper .container .square .body .hair .strand.strand1,body .paper .container .square .hairdo .hair .strand.strand1,body .paper .container .square .body .transparence .strand.strand1,body .paper .container .square .hairdo .transparence .strand.strand1{right:0;height:103%;width:103%;background:none;box-shadow:0 3em 4em 1em #95835d,inset 0 0 2em 1em #ab9c7a}body .paper .container .square .body .bangs .strand.strand2,body .paper .container .square .hairdo .bangs .strand.strand2,body .paper .container .square .body .curl .strand.strand2,body .paper .container .square .hairdo .curl .strand.strand2,body .paper .container .square .body .hair .strand.strand2,body .paper .container .square .hairdo .hair .strand.strand2,body .paper .container .square .body .transparence .strand.strand2,body .paper .container .square .hairdo .transparence .strand.strand2{right:3%;height:124%;width:106%;background:none;box-shadow:0 3em 4em 1em #95835d,inset 0 0 2em 1em #ab9c7a}body .paper .container .square .body .bangs .strand.strand3,body .paper .container .square .hairdo .bangs .strand.strand3,body .paper .container .square .body .curl .strand.strand3,body .paper .container .square .hairdo .curl .strand.strand3,body .paper .container .square .body .hair .strand.strand3,body .paper .container .square .hairdo .hair .strand.strand3,body .paper .container .square .body .transparence .strand.strand3,body .paper .container .square .hairdo .transparence .strand.strand3{right:4%;height:104%;width:103%;background:none;box-shadow:0 3em 4em 1em #95835d,inset 0 0 2em 1em #ab9c7a}body .paper .container .square .body .bangs .strand.strand4,body .paper .container .square .hairdo .bangs .strand.strand4,body .paper .container .square .body .curl .strand.strand4,body .paper .container .square .hairdo .curl .strand.strand4,body .paper .container .square .body .hair .strand.strand4,body .paper .container .square .hairdo .hair .strand.strand4,body .paper .container .square .body .transparence .strand.strand4,body .paper .container .square .hairdo .transparence .strand.strand4{right:5%;height:106%;width:116%}body .paper .container .square .body .bangs .strand.strand5,body .paper .container .square .hairdo .bangs .strand.strand5,body .paper .container .square .body .curl .strand.strand5,body .paper .container .square .hairdo .curl .strand.strand5,body .paper .container .square .body .hair .strand.strand5,body .paper .container .square .hairdo .hair .strand.strand5,body .paper .container .square .body .transparence .strand.strand5,body .paper .container .square .hairdo .transparence .strand.strand5{right:8%;height:108%;width:108%}body .paper .container .square .body .bangs .strand.strand6,body .paper .container .square .hairdo .bangs .strand.strand6,body .paper .container .square .body .curl .strand.strand6,body .paper .container .square .hairdo .curl .strand.strand6,body .paper .container .square .body .hair .strand.strand6,body .paper .container .square .hairdo .hair .strand.strand6,body .paper .container .square .body .transparence .strand.strand6,body .paper .container .square .hairdo .transparence .strand.strand6{right:10%;height:110%;width:153%}body .paper .container .square .body .bangs .strand.strand7,body .paper .container .square .hairdo .bangs .strand.strand7,body .paper .container .square .body .curl .strand.strand7,body .paper .container .square .hairdo .curl .strand.strand7,body .paper .container .square .body .hair .strand.strand7,body .paper .container .square .hairdo .hair .strand.strand7,body .paper .container .square .body .transparence .strand.strand7,body .paper .container .square .hairdo .transparence .strand.strand7{right:12%;height:112%;width:106%}body .paper .container .square .body .bangs .strand.strand8,body .paper .container .square .hairdo .bangs .strand.strand8,body .paper .container .square .body .curl .strand.strand8,body .paper .container .square .hairdo .curl .strand.strand8,body .paper .container .square .body .hair .strand.strand8,body .paper .container .square .hairdo .hair .strand.strand8,body .paper .container .square .body .transparence .strand.strand8,body .paper .container .square .hairdo .transparence .strand.strand8{right:14%;height:114%;width:114%}body .paper .container .square .body .bangs .strand.strand9,body .paper .container .square .hairdo .bangs .strand.strand9,body .paper .container .square .body .curl .strand.strand9,body .paper .container .square .hairdo .curl .strand.strand9,body .paper .container .square .body .hair .strand.strand9,body .paper .container .square .hairdo .hair .strand.strand9,body .paper .container .square .body .transparence .strand.strand9,body .paper .container .square .hairdo .transparence .strand.strand9{right:16%;height:116%;width:106%}body .paper .container .square .body .bangs .strand.strand10,body .paper .container .square .hairdo .bangs .strand.strand10,body .paper .container .square .body .curl .strand.strand10,body .paper .container .square .hairdo .curl .strand.strand10,body .paper .container .square .body .hair .stran.........完整代码请登录后点击上方下载按钮下载查看