- <style type="text/css">
- #allan{height: 350px;width: 600px;background: #efebec;margin: 50px auto;border-radius:0px;overflow: hidden;border: 0px solid #f3f3f3;box-shadow: 0px 0px 15px 0px #999;-webkit-animation-name: bounceInDown; animation-name: bounceInDown;-webkit-animation-duration: 5s}
- #allan:hover{box-shadow: 0px 0px 0px 0px #efe4d2;}
- @-webkit-keyframes bounceInDown{
- 0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.610,.355,1.000);transition-timing-function:cubic-bezier(0.215,.610,.355,1.000)}
- 0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
- 60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
- 75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
- 90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
- 100%{-webkit-transform:none;transform:none}}
- #allan_1{width: 20%;}
- #allan_3{height: 350px;width: 465px;background:#f8f7f5;margin-top: -385px;position: absolute;border-bottom-left-radius: 4px;float: left;}
- #allan_5{width: 465px;height: 350px;float: right;font-size: 10px}
- #allantop ul {float: right;padding: 20px 20px 0px 20px ;}
- #allantop li {float: left;list-style: none;margin: 0;color: #000;}
- #allan_6 {padding: 0px 0px;color: #333;line-height: 15px;text-decoration:none;font-family:SimSun;font-size: 10px;}
- #allan_7{height: 350px;width: 239px;background: #343138;margin-top: 0px;position: absolute;border-bottom-left-radius: 3px;float: left;border-radius:0px 600px 600px 0px;}
- #allan_7:hover{box-shadow: none;}
- #allan_8 {width: 140px;height: 99px;float: left;margin-right: 30px;}
- #allan_8 img{height: 150px;width:150px;
- border-radius: 100px;
- border:5px solid #efebec;
- -webkit-transition: -webkit-transform 3s ease-out;
- -moz-transition: -moz-transform 3s ease-out;
- -o-transition: -o-transform 3s ease-out;
- -ms-transition: -ms-transform 3s ease-out;}
- #allan_8 img:hover{
- -webkit-transform: rotateZ(720deg);
- -moz-transform: rotateZ(720deg);
- -o-transform: rotateZ(720deg);
- -ms-transform: rotateZ(720deg);
- transform: rotateZ(720deg);}
- </style>
- <div id="allan">
- <div id="allan_7">
- <div style="padding:95px 80px;">
- <div id="allan_8"><img src="https://hd.71dm.com/11884/photo/Mon/2019/04/184893_55471554524957cf6cd9e040ecb4b.png" alt="allan_mann" border="0" onclick="if(this.parentNode.tagName!='A'&&this.width>=600) window.open('https://hd.71dm.com/11884/photo/Mon/2019/04/184893_55471554524957cf6cd9e040ecb4b.png');" style="max-width:600px;" onload="if(this.offsetWidth>'605')this.width='600';" title="allan_mann"></div>
- </div>
- </div>
- <div id="allan_5">
- <div id="allantop">
- <ul><li><font size="2">✕</font></li></ul></div>
- <div id="allan_6">
- <div style="margin:0px 30px;">
- <div style="width: 456px;height:300px; overflow-x:hidden; border:0px solid;">
- <div style="padding:10px 0px 0px 195px ;">
- <p><img height="50" src="https://hd.71dm.com/11884/photo/Mon/2019/04/184893_1db0155452577179629405b32cc50.png"></p></div>
- <div style="margin:105px 100px ;"><strong>
- What a feeling to be right here beside you now<br /><br />
- And we both started running wild<br />
- The sky fell down<br />
- But you’ve got stars that are in your eyes<br />
- And I’ve got something missing tonight<br />
- What a feeling to be a king beside you<br />
- </strong>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <audio loop autoplay style="">
- <source src="http://music.163.com/song/media/outer/url?id=36492611.mp3"
- type="audio/mpeg" >
- </audio>
- </div>
- </div>
- </div>
[ 此帖被居家.在2020-02-19 20:36重新编辑 ]