CSS3我是灰太狼 <br />* {<br /> margin: 0;<br /> padding: 0;<br />}<br />#bigBigWolf {<br /> position: absolute;<br /> left: 50%;<br /> top: 50%;<br /> margin-left: -300px;<br /> margin-top: -300px;<br /> width: 600px;<br /> height: 600px;<br />}<br />#bigBigWolf div {<br /> position: absolute;<br />}<br />#bigBigWolf #url a {<br /> position: absolute;<br /> left: 0;<br /> top: 0;<br /> width: 600px;<br /> height: 600px;<br /> z-index: 100;<br />}<br />#bigBigWolf .face {<br /> left: 127px;<br /> bottom: 67px;<br /> width: 380px;<br /> height: 380px;<br /> border: 3px solid #181818;<br /> background: #666B6F;<br /> z-index: 0;<br /> -webkit-border-radius: 230px 180px 300px 220px;<br /> -moz-border-radius: 230px 180px 300px 220px;<br /> transform: rotate(60deg);<br /> -webkit-transform: rotate(60deg);<br /> -moz-transform: rotate(60deg);<br /> -o-transform: rotate(60deg);<br />}<br />#bigBigWolf .face .left {<br /> left: 30px;<br /> top: 317px;<br /> width: 180px;<br /> height: 106px;<br /> border: 3px solid #181818;<br /> border-top: 0;<br /> background: #666B6F;<br /> z-index: 10;<br /> -webkit-border-bottom-left-radius: 2800px 1200px;<br /> -moz-border-radius-bottomleft: 2800px 1200px;<br /> transform: rotate(30deg);<br /> -webkit-transform: rotate(30deg);<br /> -moz-transform: rotate(30deg);<br /> -o-transform: rotate(30deg);<br />}<br />#bigBigWolf .face .right {<br /> left: 105px;<br /> top: -45px;<br /> width: 160px;<br /> height: 90px;<br /> border: 3px solid #181818;<br /> border-bottom: 0;<br /> background: #666B6F;<br /> z-index: 10;<br /> -webkit-border-top-left-radius: 2800px 2000px;<br /> -moz-border-radius-topleft: 2800px 2000px;<br /> transform: rotate(335deg);<br /> -webkit-transform: rotate(335deg);<br /> -moz-transform: rotate(335deg);<br /> -o-transform: rotate(335deg);<br />}<br />#bigBigWolf .face .cover1 {<br /> left: 160px;<br /> top: 415px;<br /> width: 28px;<br /> height: 40px;<br /> border: 3px solid #181818;<br /> border-bottom: 0;<br /> background: #FFF;<br /> z-index: 20;<br /> -webkit-border-top-left-radius: 600px 1200px;<br /> -webkit-border-top-right-radius: 400px 700px;<br /> -webkit-border-bottom-left-radius: 400px 150px;<br /> -webkit-border-bottom-right-radius: 400px 150px;<br /> -moz-border-radius-topleft: 600px 1200px;<br /> -moz-border-radius-topright: 400px 700px;<br /> -moz-border-radius-bottomleft: 400px 150px;<br /> -moz-border-radius-bottomright: 400px 150px;<br />}<br />#bigBigWolf .face .cover2 {<br /> left: 163px;<br /> top: 433px;<br /> width: 40px;<br /> height: 40px;<br /> background: #FFF;<br /> z-index: 30;<br /> -webkit-border-radius: 20px;<br /> -moz-border-radius: 20px;<br />}<br />#bigBigWolf .face .cover3 {<br /> left: 53px;<br /> top: 285px;<br /> width: 74px;<br /> height: 74px;<br /> background: #666B6F;<br /> z-index: 40;<br /> -webkit-border-radius: 37px;<br /> -moz-border-radius: 37px;<br />}<br />#bigBigWolf .face .cover4 {<br /> left: 227px;<br /> top: -80px;<br /> width: 25px;<br /> height: 40px;<br /> border: 3px solid #181818;<br /> border-bottom: 0;<br /> background: #FFF;<br /> z-index: 20;<br /> -webkit-border-top-left-radius: 600px 1200px;<br /> -webkit-border-top-right-radius: 400px 700px;<br /> -webkit-border-bottom-left-radius: 400px 150px;<br /> -webkit-border-bottom-right-radius: 400px 150px;<br /> -moz-border-radius-topleft: 600px 1200px;<br /> -moz-border-radius-topright: 400px 700px;<br /> -moz-border-radius-bottomleft: 400px 150px;<br /> -moz-border-radius-bottomright: 400px 150px;<br /> transform: rotate(170deg);<br /> -webkit-transform: rotate(170deg);<br /> -moz-transform: rotate(170deg);<br /> -o-transform: rotate(170deg);<br />}<br />#bigBigWolf .face .cover5 {<br /> left: 214px;<br /> top: -90px;<br /> width: 60px;<br /> height: 30px;<br /> background: #FFF;<br /> z-index: 40;<br /> transform: rotate(28deg);<br /> -webkit-transform: rotate(28deg);<br /> -moz-transform: rotate(28deg);<br /> -o-transform: rotate(28deg);<br />}<br />#bigBigWolf .ear {<br /> z-index: 0;<br />}<br />#bigBigWolf .ear .left {<br /> left: 48px;<br /> top: 167px;<br /> width: 180px;<br /> height: 120px;<br /> border: 3px solid #181818;<br /> border-right: 0;<br /> background: #666B6F;<br /> z-index: 0;<br /> -webkit-border-top-left-radius: 295px 200px;<br /> -moz-border-radius-topleft: 295px 200px;<br /> transform: rotate(51deg);<br /> -webkit-transform: rotate(51deg);<br /> -moz-transform: rotate(51deg);<br /> -o-transform: rotate(51deg);<br />}<br />#bigBigWolf .ear .left .inner {<br /> left: -3px;<br /> top: 88px;<br /> width: 180px;<br /> height: 30px;<br /> border: 3px solid #181818;<br /> border-right: 0;<br /> background: #96979C;<br /> z-index: 10;<br /> -webkit-border-top-left-radius: 1000px 200px;<br /> -moz-border-radius-topleft: 1000px 200px;<br />}<br />#bigBigWolf .ear .left .cover1 {<br /> left: 83px;<br /> top: 30px;<br /> width: 132px;<br /> height: 65px;<br /> background: #666B6F;<br /> z-index: 20;<br /> -webkit-border-bottom-right-radius: 1200px 200px;<br /> -moz-border-radius-bottomright: 1200px 200px;<br /> transform: rotate(90deg);<br /> -webkit-transform: rotate(90deg);<br /> -moz-transform: rotate(90deg);<br /> -o-transform: rotate(90deg);<br />}<br />#bigBigWolf .ear .left .cover2 {<br /> left: 111px;<br /> top: 91px;<br /> width: 12px;<br /> height: 8px;<br /> border: 3px solid #181818;<br /> border-right: 0;<br /> background: #666B6F;<br /> z-index: 30;<br /> -webkit-border-top-left-radius: 30px 20px;<br /> -moz-border-radius-topleft: 30px 20px;<br /> transform: rotate(345deg);<br /> -webkit-transform: rotate(345deg);<br /> -moz-transform: rotate(345deg);<br /> -o-transform: rotate(345deg);<br />}<br />#bigBigWolf .ear .left .cover3 {<br /> left: 114px;<br /> top: 104px;<br /> width: 12px;<br /> height: 6px;<br /> border: 3px solid #181818;<br /> border-right: 0;<br /> background: #666B6F;<br /> z-index: 30;<br /> -webkit-border-top-left-radius: 30px 20px;<br /> -moz-border-radius-topleft: 30px 20px;<br /> transform: rotate(325deg);<br /> -webkit-transform: rotate(325deg);<br /> -moz-transform: rotate(325deg);<br /> -o-transform: rotate(325deg);<br />}<br />#bigBigWolf .ear .left .cover4 {<br /> left: 123px;<br /> top: 113px;<br /> width: 11px;<br /> height: 4px;<br /> border: 3px solid #181818;<br /> border-right: 0;<br /> border-top: 0;<br /> background: #666B6F;<br /> z-index: 30;<br /> -webkit-border-bottom-left-radius: 30px 20px;<br /> -moz-border-radius-bottomleft: 30px 20px;<br /> transform: rotate(62deg);<br /> -webkit-transform: rotate(62deg);<br /> -moz-transform: rotate(62deg);<br /> -o-transform: rotate(62deg);<br />}<br />#bigBigWolf .ear .right {<br /> left: 340px;<br /> top: 78px;<br /> width: 140px;<br /> height: 100px;<br /> border: 3px solid #181818;<br /> border-left: 0;<br /> background: #666B6F;<br /> z-index: 10;<br /> -webkit-border-top-right-radius: 245px 190px;<br /> -moz-border-radius-topright: 245px 190px;<br /> transform: rotate(275deg);<br /> -webkit-transform: rotate(275deg);<br /> -moz-transform: rotate(275deg);<br /> -o-transform: rotate(275deg);<br />}<br />#bigBigWolf .ear .right .inner {<br /> left: -1px;<br /> top: 68px;<br /> width: 140px;<br /> height: 30px;<br /> border: 3px solid #181818;<br /> border-left: 0;<br /> background: #96979C;<br /> z-index: 10;<br /> -webkit-border-top-right-radius: 1200px 300px;<br /> -moz-border-radius-topright: 1200px 300px;<br />}<br />#bigBigWolf .ear .right .cover1 {<br /> left: -49px;<br /> top: 25px;<br /> width: 120px;<br /> height: 40px;<br /> border: 3px solid #181818;<br /> border-bottom: 0;<br /> background: #666B6F;<br /> z-index: 20;<br /> -webkit-border-top-right-radius: 1200px 300px;<br /> -moz-border-radius-topright: 1200px 300px;<br /> transform: rotate(101deg);<br /> -webkit-transform: rotate(101deg);<br /> -moz-transform: rotate(101deg);<br /> -o-transform: rotate(101deg);<br />}<br />#bigBigWolf .ear .right .cover2 {<br /> left: -135px;<br /> top: 117px;<br /> width: 145px;<br /> height: 40px;<br /> border: 3px solid #181818;<br /> border-bottom: 0;<br /> background: #666B6F;<br /> z-index: 30;<br /> -webkit-border-top-right-radius: 1100px 300px;<br /> -moz-border-radius-topright: 1100px 300px;<br /> transform: rotate(133deg);<br /> -webkit-transform: rotate(133deg);<br /> -moz-transform: rotate(133deg);<br /> -o-transform: rotate(133deg);<br />}<br />#bigBigWolf .ear .right .cover3 {<br /> left: -85px;<br /> top: 15px;<br /> width: 80px;<br /> height: 80px;<br /> background: #666B6F;<br /> z-index: 40;<br />}<br />#bigBigWolf .ear .right .cover4 {<br /> left: -142px;<br /> top: 144px;<br /> width: 40px;<br /> height: 40px;<br /> background: #666B6F;<br /> z-index: 50;<br /> -webkit-border-radius: 20px;<br /> -moz-border-radius: 20px;<br />}<br />#bigBigWolf .ear .right .cover5 {<br /> left: 32px;<br /> top: 87px;<br /> width: 30px;<br /> height: 30px;<br /> border: 3px solid #181818;<br /> border-bottom: 0;<br /> border-left: 0;<br /> background: #FFF;<br /> z-index: 50;<br /> -webkit-border-radius: 30px;<br /> -moz-border-radius: 30px;<br /> transform: rotate(313deg);<br /> -webkit-transform: rotate(313deg);<br /> -moz-transform: rotate(313deg);<br /> -o-transform: rotate(313deg);<br />}<br />#bigBigWolf .hat {<br /> left: 137px;<br /> top: 115px;<br /> width: 238px;<br /> height: 100px;<br /> border: 3px solid #181818;<br /> background: #E09E86;<br /> z-index: 40;<br /> -webkit-border-top-left-radius: 2000px 1000px;<br /> -webkit-border-top-right-radius: 700px 700px;<br /> -webkit-border-bottom-left-radius: 300px 200px;<br /> -webkit-border-bottom-right-radius: 450px 450px;<br /> -moz-border-radius-topleft: 2000px 1000px;<br /> -moz-border-radius-topright: 700px 700px;<br /> -moz-border-radius-bottomleft: 300px 200px;<br /> -moz-border-radius-bottomright: 450px 450px;<br /> transform: rotate(338deg);<br /> -webkit-transform: rotate(338deg);<br /> -moz-transform: rotate(338deg);<br /> -o-transform: rotate(338deg);<br />}<br />#bigBigWolf .hat .inner {<br /> right: -1px;<br /> top: 1px;<br /> width: 238px;<br /> height: 80px;<br /> border: 3px solid #181818;<br /> background: #CF6A36;<br /> z-index: 0;<br /> -webkit-border-top-left-radius: 2400px 1200px;<br /> -webkit-border-top-right-radius: 800px 800px;<br /> -webkit-border-bottom-left-radius: 400px 200px;<br /> -webkit-border-bottom-right-radius: 450px 450px;<br /> -moz-border-radius-topleft: 2400px 1200px;<br /> -moz-border-radius-topright: 800px 800px;<br /> -moz-border-radius-bottomleft: 400px 200px;<br /> -moz-border-radius-bottomright: 450px 450px;<br /> transform: rotate(357deg);<br /> -webkit-transform: rotate(357deg);<br /> -moz-transform: rotate(357deg);<br /> -o-transform: rotate(357deg);<br />}<br />#bigBigWolf .hat .patch {<br /> right: -3px;<br /> top: -7px;<br /> width: 110px;<br /> height: 50px;<br /> border: 3px solid #181818;<br /> background: #EFC978;<br /> z-index: 10;<br /> -webkit-border-top-left-radius: 500px 300px;<br /> -webkit-border-top-right-radius: 300px 200px;<br /> -webkit-border-bottom-left-radius: 100px 100px;<br /> -webkit-border-bottom-right-radius: 100px 100px;<br /> -moz-border-radius-topleft: 500px 300px;<br /> -moz-border-radius-topright: 300px 200px;<br /> -moz-border-radius-bottomleft: 100px 100px;<br /> -moz-border-radius-bottomright: 100px 100px;<br /> transform: rotate(20deg);<br /> -webkit-transform: rotate(20deg);<br /> -moz-transform: rotate(20deg);<br /> -o-transform: rotate(20deg);<br />}<br />#bigBigWolf .hat .patch .line1, #bigBigWolf .hat .patch .line2, #bigBigWolf .hat .patch .line3, #bigBigWolf .hat .patch .line4, #bigBigWolf .hat .patch .line5, #bigBigWolf .hat .patch .line6, #bigBigWolf .hat .patch .line7, #bigBigWolf .hat .patch .line8, #bigBigWolf .hat .patch .line9, #bigBigWolf .hat .patch .line10 {<br /> left: -7px;<br /> top: 30px;<br /> width: 18px;<br /> height: 2px;<br /> font-size: 0;<br /> background: #181818;<br /> z-index: 20px;<br /> transform: rotate(350deg);<br /> -webkit-transform: rotate(350deg);<br /> -moz-transform: rotate(350deg);<br /> -o-transform: rotate(350deg);<br />}<br />#bigBigWolf .hat .patch .line2 {<br /> left: -13px;<br /> top: 42px;<br /> width: 20px;<br /> transform: rotate(340deg);<br /> -webkit-transform: rotate(340deg);<br /> -moz-transform: rotate(340deg);<br /> -o-transform: rotate(340deg);<br />}<br />#bigBigWolf .hat .patch .line3 {<br /> left: 5px;<br /> top: 50px;<br /> width: 17px;<br /> transform: rotate(300deg);<br /> -webkit-transform: rotate(300deg);<br /> -moz-transform: rotate(300deg);<br /> -o-transform: rotate(300deg);<br />}<br />#bigBigWolf .hat .patch .line4 {<br /> left: 20px;<br /> top: 53px;<br /> width: 17px;<br /> transform: rotate(270deg);<br /> -webkit-transform: rotate(270deg);<br /> -moz-transform: rotate(270deg);<br /> -o-transform: rotate(270deg);<br />}<br />#bigBigWolf .hat .patch .line5 {<br /> left: 35px;<br /> top: 50px;<br /> width: 14px;<br /> transform: rotate(290deg);<br /> -webkit-transform: rotate(290deg);<br /> -moz-transform: rotate(290deg);<br /> -o-transform: rotate(290deg);<br />}<br />#bigBigWolf .hat .patch .line6 {<br /> left: 50px;<br /> top: 52px;<br /> width: 19px;<br /> transform: rotate(275deg);<br /> -webkit-transform: rotate(275deg);<br /> -moz-transform: rotate(275deg);<br /> -o-transform: rotate(275deg);<br />}<br />#bigBigWolf .hat .patch .line7 {<br /> left: 70px;<br /> top: 50px;<br /> width: 15px;<br /> transform: rotate(290deg);<br /> -webkit-transform: rotate(260deg);<br /> -moz-transform: rotate(260deg);<br /> -o-transform: rotate(260deg);<br />}<br />#bigBigWolf .hat .patch .line8 {<br /> left: 85px;<br /> top: 51px;<br /> width: 19px;<br /> transform: rotate(250deg);<br /> -webkit-transform: rotate(250deg);<br /> -moz-transform: rotate(250deg);<br /> -o-transform: rotate(250deg);<br />}<br />#bigBigWolf .hat .patch .line9 {<br /> left: 102px;<br /> top: 45px;<br /> width: 13px;<br /> transform: rotate(230deg);<br /> -webkit-transform: rotate(230deg);<br /> -moz-transform: rotate(230deg);<br /> -o-transform: rotate(230deg);<br />}<br />#bigBigWolf .hat .patch .line10 {<br /> left: 106px;<br /> top: 34px;<br /> width: 12px;<br /> transform: rotate(220deg);<br /> -webkit-transform: rotate(220deg);<br /> -moz-transform: rotate(220deg);<br /> -o-transform: rotate(220deg);<br />}<br />#bigBigWolf .eye {<br /> left: 213px;<br /> top: 221px;<br /> width: 287px;<br /> height: 185px;<br /> z-index: 20;<br />}<br />#bigBigWolf .eye .left, #bigBigWolf .eye .right {<br /> width: 121px;<br /> height: 121px;<br /> border: 3px solid #181818;<br /> background: #DBDBDB;<br /> z-index: 0;<br /> -webkit-border-radius: 61px;<br /> -moz-border-radius: 61px;<br />}<br />#bigBigWolf .eye .left {<br /> left: 0;<br /> bottom: 0;<br />}<br />#bigBigWolf .eye .right {<br /> right: 0;<br /> top: 0;<br />}<br />#bigBigWolf .eye .inner {<br /> left: 2px;<br /> top: 2px;<br /> width: 114px;<br /> height: 114px;<br /> background: #FFF;<br /> z-index: 10;<br /> -webkit-border-radius: 57px;<br /> -moz-border-radius: 57px;<br />}<br />#bigBigWolf .eye .pupil {<br /> left: 8px;<br /> top: 26px;<br /> width: 54px;<br /> height: 54px;<br /> border: 2px solid #181818;<br /> z-index: 20;<br /> -webkit-border-radius: 27px;<br /> -moz-border-radius: 27px;<br /> background: #404972;<br /> background: -webkit-gradient(linear, 43% 0%, 39% 100%, from(#181818), to(#455289), color-stop(1.0, #455289));<br /> background: -moz-linear-gradient(50% 25% 260deg, #181818, #455289, #455289 100%);<br /> -webkit-animation: 'pupil' 2s linear;<br /> -webkit-animation-iteration-count: infinite;<br />}<br />@-webkit-keyframes pupil {<br /> 0% {<br /> left: 8px;<br /> top: 26px;<br /> }<br /> 25% {<br /> left: 29px;<br /> top: 33px;<br /> }<br /> 50% {<br /> left: 50px;<br /> top: 40px;<br /> }<br /> 75% {<br /> left: 29px;<br /> top: 33px;<br /> }<br /> 100% {<br /> left: 8px;<br /> top: 26px;<br /> }<br />}<br />#bigBigWolf .eye .pupil .inner {<br /> left: 9px;<br /> top: 9px;<br /> width: 36px;<br /> height: 36px;<br /> background: #1A1A1A;<br /> z-index: 30;<br /> -webkit-border-radius: 18px;<br /> -moz-border-radius: 18px;<br />}<br />#bigBigWolf .eye .light1 {<br /> left: 21px;<br /> bottom: 3px;<br /> width: 16px;<br /> height: 16px;<br /> background: #FFF;<br /> z-index: 40;<br /> -webkit-border-radius: 15px 7px 10px 10px;<br /> -moz-border-radius: 20px 7px 20px 10px;<br /> transform: rotate(320deg);<br /> -webkit-transform: rotate(320deg);<br /> -moz-transform: rotate(320deg);<br /> -o-transform: rotate(320deg);<br />}<br />#bigBigWolf .eye .light2 {<br /> left: 7px;<br /> bottom: 11px;<br /> width: 14px;<br /> height: 6px;<br /> background: #FFF;<br /> z-index: 40;<br /> -webkit-border-top-left-radius: 500px 300px;<br /> -webkit-border-top-right-radius: 300px 200px;<br /> -webkit-border-bottom-left-radius: 100px 100px;<br /> -webkit-border-bottom-right-radius: 100px 100px;<br /> -moz-border-radius-topleft: 20px 20px;<br /> -moz-border-radius-topright: 30px 20px;<br /> -moz-border-radius-bottomleft: 5px 5px;<br /> -moz-border-radius-bottomright: 5px 5px;<br /> transform: rotate(285deg);<br /> -webkit-transform: rotate(285deg);<br /> -moz-transform: rotate(285deg);<br /> -o-transform: rotate(285deg);<br />}<br />#bigBigWolf .eye .light3 {<br /> right: 2px;<br /> top: 4px;<br /> width: 30px;<br /> height: 13px;<br /> background: #FFF;<br /> z-index: 40;<br /> -webkit-border-top-left-radius: 40px 40px;<br /> -webkit-border-top-right-radius: 100px 50px;<br /> -webkit-border-bottom-left-radius: 15px 15px;<br /> -webkit-border-bottom-right-radius: 15px 15px;<br /> -moz-border-radius-topleft: 40px 40px;<br /> -moz-border-radius-topright: 100px 50px;<br /> -moz-border-radius-bottomleft: 15px 15px;<br /> -moz-border-radius-bottomright: 15px 15px;<br /> transform: rotate(20deg);<br /> -webkit-transform: rotate(20deg);<br /> -moz-transform: rotate(20deg);<br /> -o-transform: rotate(20deg);<br />}<br />#bigBigWolf .eyebrow {<br /> left: 187px;<br /> top: 173px;<br /> width: 280px;<br /> height: 130px;<br /> z-index: 70;<br />}<br />#bigBigWolf .eyebrow .left {<br /> left: 0;<br /> top: 48px;<br /> width: 110px;<br /> height: 40px;<br /> background: #181818;<br /> z-index: 0;<br /> -webkit-border-top-left-radius: 400px 200px;<br /> -webkit-border-top-right-radius: 400px 200px;<br /> -moz-border-radius-topleft: 400px 200px;<br /> -moz-border-radius-topright: 400px 200px;<br /> transform: rotate(330deg);<br /> -webkit-transform: rotate(330deg);<br /> -moz-transform: rotate(330deg);<br /> -o-transform: rotate(330deg);<br />}<br />#bigBigWolf .eyebrow .left .inner {<br /> left: 0;<br /> top: 20px;<br /> width: 120px;<br /> height: 30px;<br /> background: #666B6F;<br /> z-index: 0;<br /> -webkit-border-top-left-radius: 400px 200px;<br /> -webkit-border-top-right-radius: 400px 200px;<br /> -moz-border-radius-topleft: 400px 200px;<br /> -moz-border-radius-topright: 400px 200px;<br />}<br />#bigBigWolf .eyebrow .left .eyebrow1, #bigBigWolf .eyebrow .left .eyebrow2, #bigBigWolf .eyebrow .right .eyebrow1 {<br /> left: -22px;<br /> top: 36px;<br /> width: 22px;<br /> height: 2px;<br /> font-size: 0;<br /> background: #181818;<br /> z-index: 10px;<br /> transform: rotate(86deg);<br /> -webkit-transform: rotate(86deg);<br /> -moz-transform: rotate(86deg);<br /> -o-transform: rotate(86deg);<br />}<br />#bigBigWolf .eyebrow .left .eyebrow2 {<br /> left: -15px;<br /> top: 32px;<br /> width: 20px;<br />}<br />#bigBigWolf .eyebrow .right .eyebrow1 {<br /> left: 93px;<br /> top: 24px;<br /> width: 20px;<br />}<br />#bigBigWolf .eyebrow .right {<br /> right: 17px;<br /> top: -3px;<br /> width: 100px;<br /> height: 40px;<br /> background: #181818;<br /> z-index: 0;<br /> -webkit-border-top-left-radius: 400px 200px;<br /> -webkit-border-top-right-radius: 400px 200px;<br /> -moz-border-radius-topleft: 400px 200px;<br /> -moz-border-radius-topright: 400px 200px;<br /> transform: rotate(355deg);<br /> -webkit-transform: rotate(355deg);<br /> -moz-transform: rotate(355deg);<br /> -o-transform: rotate(355deg);<br />}<br />#bigBigWolf .eyebrow .right .inner {<br /> right: -7px;<br /> top: 20px;<br /> width: 120px;<br /> height: 30px;<br /> background: #666B6F;<br /> z-index: 0;<br /> -webkit-border-top-left-radius: 400px 200px;<br /> -webkit-border-top-right-radius: 400px 200px;<br /> -moz-border-radius-topleft: 400px 200px;<br /> -moz-border-radius-topright: 400px 200px;<br />}<br />#bigBigWolf .nose {<br /> right: 158px;<br /> bottom: 203px;<br /> width: 74px;<br /> height: 74px;<br /> z-index: 30;<br /> background: #4B4B4B;<br /> -webkit-border-radius: 160px 40px 160px 40px;<br /> -moz-border-radius: 160px 30px 160px 40px;<br /> transform: rotate(25deg);<br /> -webkit-transform: rotate(25deg);<br /> -moz-transform: rotate(25deg);<br /> -o-transform: rotate(25deg);<br />}<br />#bigBigWolf .nose .outer {<br /> right: 1px;<br /> top: -2px;<br /> width: 72px;<br /> height: 72px;<br /> z-index: 0;<br /> background: #181818;<br /> -webkit-border-radius: 150px 40px 150px 40px;<br /> -moz-border-radius: 150px 40px 150px 40px;<br /> transform: rotate(2deg);<br /> -webkit-transform: rotate(2deg);<br /> -moz-transform: rotate(2deg);<br /> -o-transform: rotate(2deg);<br />}<br />#bigBigWolf .nose .inner {<br /> right: 18px;<br /> top: 13px;<br /> width: 24px;<br /> height: 24px;<br /> z-index: 10;<br /> background: #4F4F4F;<br /> -webkit-border-radius: 150px 50px 150px 50px;<br /> -moz-border-radius: 150px 50px 150px 50px;<br /> transform: rotate(0deg);<br /> -webkit-transform: rotate(0deg);<br /> -moz-transform: rotate(0deg);<br /> -o-transform: rotate(0deg);<br />}<br />#bigBigWolf .nose .light {<br /> right: 16px;<br /> top: 3px;<br /> width: 20px;<br /> height: 20px;<br /> z-index: 20;<br /> background: #FFF;<br /> -webkit-border-radius: 150px 70px 150px 70px;<br /> -moz-border-radius: 150px 70px 150px 70px;<br /> transform: rotate(3deg);<br /> -webkit-transform: rotate(3deg);<br /> -moz-transform: rotate(3deg);<br /> -o-transform: rotate(3deg);<br />}<br />#bigBigWolf .mouth {<br /> right: 62px;<br /> bottom: 108px;<br /> width: 290px;<br /> height: 60px;<br /> border: 3px solid #181818;<br /> background: #FFF;<br /> z-index: 50;<br /> -webkit-border-top-left-radius: 700px 0;<br /> -webkit-border-top-right-radius: 700px 0;<br /> -webkit-border-bottom-left-radius: 2800px 1200px;<br /> -webkit-border-bottom-right-radius: 2800px 1200px;<br /> -moz-border-radius-topleft: 700px 0;<br /> -moz-border-radius-topright: 700px 0;<br /> -moz-border-radius-bottomleft: 2800px 1200px;<br /> -moz-border-radius-bottomright: 2800px 1200px;<br /> transform: rotate(341deg);<br /> -webkit-transform: rotate(341deg);<br /> -moz-transform: rotate(341deg);<br /> -o-transform: rotate(341deg);<br />}<br />#bigBigWolf .mouth .inner {<br /> right: -3px;<br /> bottom: 41px;<br /> width: 289px;<br /> height: 20px;<br /> border: 3px solid #181818;<br /> border-top: 0;<br /> background: #666B6F;<br /> z-index: 0;<br /> -webkit-border-top-left-radius: 700px 0;<br /> -webkit-border-top-right-radius: 700px 0;<br /> -webkit-border-bottom-left-radius: 7800px 1500px;<br /> -webkit-border-bottom-right-radius: 7800px 1500px;<br /> -moz-border-radius-topleft: 700px 0;<br /> -moz-border-radius-topright: 700px 0;<br /> -moz-border-radius-bottomleft: 7800px 1500px;<br /> -moz-border-radius-bottomright: 7800px 1500px;<br />}<br />#bigBigWolf .tooth1, #bigBigWolf .tooth2, #bigBigWolf .tooth3, #bigBigWolf .tooth4, #bigBigWolf .tooth5, #bigBigWolf .tooth6, #bigBigWolf .tooth7, #bigBigWolf .tooth8, #bigBigWolf .tooth9, #bigBigWolf .tooth10, #bigBigWolf .tooth11, #bigBigWolf .tooth12, #bigBigWolf .tooth13, #bigBigWolf .tooth14, #bigBigWolf .tooth15, #bigBigWolf .tooth16, #bigBigWolf .tooth17, #bigBigWolf .tooth18, #bigBigWolf .tooth19, #bigBigWolf .tooth20, #bigBigWolf .tooth121, #bigBigWolf .tooth122, #bigBigWolf .tooth123 {<br /> left: -1px;<br /> top: 18px;<br /> width: 20px;<br /> height: 2px;<br /> font-size: 0;<br /> background: #181818;<br /> z-index: 60px;<br /> transform: rotate(26deg);<br /> -webkit-transform: rotate(26deg);<br /> -moz-transform: rotate(26deg);<br /> -o-transform: rotate(26deg);<br />}<br />#bigBigWolf .tooth2 {<br /> left: 13px;<br /> top: 12px;<br /> width: 22px;<br /> transform: rotate(125deg);<br /> -webkit-transform: rotate(125deg);<br /> -moz-transform: rotate(122deg);<br /> -o-transform: rotate(125deg);<br />}<br />#bigBigWolf .tooth3 {<br /> left: 18px;<br /> top: 17px;<br /> width: 30px;<br /> transform: rotate(76deg);<br /> -webkit-transform: rotate(76deg);<br /> -moz-transform: rotate(76deg);<br /> -o-transform: rotate(76deg);<br />}<br />#bigBigWolf .tooth4 {<br /> left: 36px;<br /> top: 26px;<br /> width: 9px;<br /> transform: rotate(340deg);<br /> -webkit-transform: rotate(340deg);<br /> -moz-transform: rotate(340deg);<br /> -o-transform: rotate(340deg);<br />}<br />#bigBigWolf .tooth5 {<br /> left: 40px;<br /> top: 30px;<br /> width: 12px;<br /> transform: rotate(70deg);<br /> -webkit-transform: rotate(70deg);<br /> -moz-transform: rotate(70deg);<br /> -o-transform: rotate(70deg);<br />}<br />#bigBigWolf .tooth6 {<br /> left: 46px;<br /> top: 35px;<br /> width: 14px;<br /> transform: rotate(12deg);<br /> -webkit-transform: rotate(12deg);<br /> -moz-transform: rotate(12deg);<br /> -o-transform: rotate(12deg);<br />}<br />#bigBigWolf .tooth7 {<br /> left: 58px;<br /> top: 37px;<br /> width: 24px;<br /> transform: rotate(12deg);<br /> -webkit-transform: rotate(12deg);<br /> -moz-transform: rotate(12deg);<br /> -o-transform: rotate(12deg);<br />}<br />#bigBigWolf .tooth8, #bigBigWolf .tooth10 {<br /> left: 21px;<br /> top: 16px;<br /> width: 20px;<br /> height: 1px;<br /> background: #FFF;<br /> transform: rotate(76deg);<br /> -webkit-transform: rotate(76deg);<br /> -moz-transform: rotate(76deg);<br /> -o-transform: rotate(76deg);<br />}<br />#bigBigWolf .tooth9, #bigBigWolf .tooth11, #bigBigWolf .tooth12 {<br /> left: 14px;<br /> top: 15px;<br /> width: 20px;<br /> height: 1px;<br /> background: #FFF;<br /> transform: rotate(122deg);<br /> -webkit-transform: rotate(122deg);<br /> -moz-transform: rotate(122deg);<br /> -o-transform: rotate(122deg);<br />}<br />#bigBigWolf .tooth10 {<br /> left: 21px;<br /> top: 18px;<br /> height: 2px;<br />}<br />#bigBigWolf .tooth11 {<br /> left: 14px;<br /> top: 20px;<br /> height: 3px;<br />}<br />#bigBigWolf .tooth12 {<br /> left: 13px;<br /> top: 18px;<br /> height: 2px;<br />}<br />#bigBigWolf .tooth13 {<br /> left: 270px;<br /> top: 17px;<br /> width: 18px;<br /> transform: rotate(335deg);<br /> -webkit-transform: rotate(335deg);<br /> -moz-transform: rotate(335deg);<br /> -o-transform: rotate(335deg);<br />}<br />#bigBigWolf .tooth14 {<br /> left: 254px;<br /> top: 11px;<br /> width: 22px;<br /> transform: rotate(55deg);<br /> -webkit-transform: rotate(55deg);<br /> -moz-transform: rotate(55deg);<br /> -o-transform: rotate(55deg);<br />}<br />#bigBigWolf .tooth15 {<br /> left: 242px;<br /> top: 16px;<br /> width: 29px;<br /> transform: rotate(100deg);<br /> -webkit-transform: rotate(100deg);<br /> -moz-transform: rotate(100deg);<br /> -o-transform: rotate(100deg);<br />}<br />#bigBigWolf .tooth16 {<br /> left: 243px;<br /> top: 25px;<br /> width: 13px;<br /> transform: rotate(20deg);<br /> -webkit-transform: rotate(20deg);<br /> -moz-transform: rotate(20deg);<br /> -o-transform: rotate(20deg);<br />}<br />#bigBigWolf .tooth17 {<br /> left: 237px;<br /> top: 29px;<br /> width: 11px;<br /> transform: rotate(100deg);<br /> -webkit-transform: rotate(100deg);<br /> -moz-transform: rotate(100deg);<br /> -o-transform: rotate(100deg);<br />}<br />#bigBigWolf .tooth18 {<br /> left: 219px;<br /> top: 36px;<br /> width: 24px;<br /> transform: rotate(165deg);<br /> -webkit-transform: rotate(165deg);<br /> -moz-transform: rotate(165deg);<br /> -o-transform: rotate(165deg);<br />}<br />#bigBigWolf .tooth19, #bigBigWolf .tooth21, #bigBigWolf .tooth23 {<br /> left: 255px;<br /> top: 15px;<br /> width: 22px;<br /> height: 1px;<br /> background: #FFF;<br /> transform: rotate(55deg);<br /> -webkit-transform: rotate(55deg);<br /> -moz-transform: rotate(55deg);<br /> -o-transform: rotate(55deg);<br />}<br />#bigBigWolf .tooth20, #bigBigWolf .tooth22 {<br /> left: 247px;<br /> top: 17px;<br /> width: 22px;<br /> height: 1px;<br /> background: #FFF;<br /> transform: rotate(100deg);<br /> -webkit-transform: rotate(100deg);<br /> -moz-transform: rotate(100deg);<br /> -o-transform: rotate(100deg);<br />}<br />#bigBigWolf .tooth21 {<br /> left: 255px;<br /> top: 16px;<br /> height: 2px;<br />}<br />#bigBigWolf .tooth22 {<br /> left: 248px;<br /> top: 19px;<br /> height: 4px;<br />}<br />#bigBigWolf .tooth23 {<br /> left: 255px;<br /> top: 19px;<br /> height: 2px;<br />}<br />#bigBigWolf .beard {<br /> left: 190px;<br /> bottom: 50px;<br /> width: 370px;<br /> height: 200px;<br /> z-index: 80;<br />}<br />#bigBigWolf .beard1, #bigBigWolf .beard2, #bigBigWolf .beard3, #bigBigWolf .beard4, #bigBigWolf .beard5, #bigBigWolf .beard6, #bigBigWolf .beard7, #bigBigWolf .beard8, #bigBigWolf .beard9, #bigBigWolf .beard10, #bigBigWolf .beard11, #bigBigWolf .beard12 {<br /> right: -1px;<br /> top: 32px;<br /> width: 40px;<br /> height: 2px;<br /> font-size: 0;<br /> background: #181818;<br /> z-index: 0;<br /> transform: rotate(3deg);<br /> -webkit-transform: rotate(3deg);<br /> -moz-transform: rotate(3deg);<br /> -o-transform: rotate(3deg);<br />}<br />#bigBigWolf .beard2 {<br /> right: 23px;<br /> top: 68px;<br /> width: 24px;<br /> transform: rotate(355deg);<br /> -webkit-transform: rotate(355deg);<br /> -moz-transform: rotate(355deg);<br /> -o-transform: rotate(355deg);<br />}<br />#bigBigWolf .beard3 {<br /> right: 34px;<br /> top: 90px;<br /> width: 22px;<br /> transform: rotate(30deg);<br /> -webkit-transform: rotate(30deg);<br /> -moz-transform: rotate(30deg);<br /> -o-transform: rotate(30deg);<br />}<br />#bigBigWolf .beard4 {<br /> right: 54px;<br /> top: 120px;<br /> width: 28px;<br /> transform: rotate(50deg);<br /> -webkit-transform: rotate(50deg);<br /> -moz-transform: rotate(50deg);<br /> -o-transform: rotate(50deg);<br />}<br />#bigBigWolf .beard5 {<br /> right: 89px;<br /> top: 132px;<br /> width: 22px;<br /> transform: rotate(60deg);<br /> -webkit-transform: rotate(60deg);<br /> -moz-transform: rotate(60deg);<br /> -o-transform: rotate(60deg);<br />}<br />#bigBigWolf .beard6 {<br /> right: 115px;<br /> top: 148px;<br /> width: 16px;<br /> transform: rotate(70deg);<br /> -webkit-transform: rotate(70deg);<br /> -moz-transform: rotate(70deg);<br /> -o-transform: rotate(70deg);<br />}<br />#bigBigWolf .beard7 {<br /> right: 145px;<br /> top: 162px;<br /> width: 24px;<br /> transform: rotate(90deg);<br /> -webkit-transform: rotate(90deg);<br /> -moz-transform: rotate(90deg);<br /> -o-transform: rotate(90deg);<br />}<br />#bigBigWolf .beard8 {<br /> right: 175px;<br /> top: 166px;<br /> width: 16px;<br /> transform: rotate(110deg);<br /> -webkit-transform: rotate(110deg);<br /> -moz-transform: rotate(110deg);<br /> -o-transform: rotate(110deg);<br />}<br />#bigBigWolf .beard9 {<br /> right: 210px;<br /> top: 173px;<br /> width: 22px;<br /> transform: rotate(60deg);<br /> -webkit-transform: rotate(60deg);<br /> -moz-transform: rotate(60deg);<br /> -o-transform: rotate(60deg);<br />}<br />#bigBigWolf .beard10 {<br /> right: 245px;<br /> top: 173px;<br /> width: 14px;<br /> transform: rotate(130deg);<br /> -webkit-transform: rotate(130deg);<br /> -moz-transform: rotate(130deg);<br /> -o-transform: rotate(130deg);<br />}<br />#bigBigWolf .beard11 {<br /> right: 275px;<br /> top: 168px;<br /> width: 20px;<br /> transform: rotate(120deg);<br /> -webkit-transform: rotate(120deg);<br /> -moz-transform: rotate(120deg);<br /> -o-transform: rotate(120deg);<br />}<br />#bigBigWolf .beard12 {<br /> right: 300px;<br /> top: 156px;<br /> width: 16px;<br /> transform: rotate(140deg);<br /> -webkit-transform: rotate(140deg);<br /> -moz-transform: rotate(140deg);<br /> -o-transform: rotate(140deg);<br />}<br />#bigBigWolf .scar, #bigBigWolf .scar1, #bigBigWolf .scar2, #bigBigWolf .scar3, #bigBigWolf .scar4, #bigBigWolf .scar5 {<br /> left: 142px;<br /> bottom: 154px;<br /> width: 120px;<br /> height: 2px;<br /> font-size: 0;<br /> background: #181818;<br /> z-index: 60px;<br /> transform: rotate(43deg);<br /> -webkit-transform: rotate(43deg);<br /> -moz-transform: rotate(43deg);<br /> -o-transform: rotate(43deg);<br />}<br />#bigBigWolf .scar1 {<br /> left: -2px;<br /> top: -5px;<br /> width: 25px;<br /> transform: rotate(90deg);<br /> -webkit-transform: rotate(90deg);<br /> -moz-transform: rotate(90deg);<br /> -o-transform: rotate(90deg);<br />}<br />#bigBigWolf .scar2 {<br /> left: 20px;<br /> top: 2px;<br /> width: 29px;<br /> transform: rotate(80deg);<br /> -webkit-transform: rotate(80deg);<br /> -moz-transform: rotate(80deg);<br /> -o-transform: rotate(80deg);<br />}<br />#bigBigWolf .scar3 {<br /> left: 50px;<br /> top: -2px;<br /> width: 29px;<br /> transform: rotate(90deg);<br /> -webkit-transform: rotate(90deg);<br /> -moz-transform: rotate(90deg);<br /> -o-transform: rotate(90deg);<br />}<br />#bigBigWolf .scar4 {<br /> left: 74px;<br /> top: -4px;<br /> width: 22px;<br /> transform: rotate(92deg);<br /> -webkit-transform: rotate(92deg);<br /> -moz-transform: rotate(92deg);<br /> -o-transform: rotate(92deg);<br />}<br />#bigBigWolf .scar5 {<br /> left: 95px;<br /> top: -2px;<br /> width: 25px;<br /> transform: rotate(90deg);<br /> -webkit-transform: rotate(90deg);<br /> -moz-transform: rotate(90deg);<br /> -o-transform: rotate(90deg);<br />}<br /> http://www.999jiujiu.com/
