test

社区服务
高级搜索
猴岛论坛社区服务新手测试求助test
发帖 回复
正序阅读 最近浏览的帖子最近浏览的版块
0个回复

[测试发帖]test

楼层直达
居家.

ZxID:23259856

等级: 督察
春雨润梨花  秋水渐潺湲

举报 只看楼主 使用道具 楼主   发表于: 2019-11-21 0
  1. <style type="text/css">
  2. #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}
  3. #allan:hover{box-shadow: 0px 0px 0px 0px #efe4d2;}
  4. @-webkit-keyframes bounceInDown{
  5.   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)}
  6.   0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
  7.   60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
  8.   75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
  9.   90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
  10.   100%{-webkit-transform:none;transform:none}}
  11. #allan_1{width: 20%;}
  12. #allan_3{height: 350px;width: 465px;background:#f8f7f5;margin-top: -385px;position: absolute;border-bottom-left-radius: 4px;float: left;}
  13. #allan_5{width: 465px;height: 350px;float: right;font-size: 10px}
  14. #allantop ul {float: right;padding: 20px 20px 0px 20px ;}
  15. #allantop li {float: left;list-style: none;margin: 0;color: #000;}
  16. #allan_6 {padding: 0px 0px;color: #333;line-height: 15px;text-decoration:none;font-family:SimSun;font-size: 10px;}
  17. #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;}
  18. #allan_7:hover{box-shadow: none;}
  19. #allan_8 {width: 140px;height: 99px;float: left;margin-right: 30px;}
  20. #allan_8 img{height: 150px;width:150px;
  21. border-radius: 100px;
  22. border:5px solid #efebec;
  23. -webkit-transition: -webkit-transform 3s ease-out;
  24. -moz-transition: -moz-transform 3s ease-out;
  25. -o-transition: -o-transform 3s ease-out;
  26. -ms-transition: -ms-transform 3s ease-out;}
  27. #allan_8 img:hover{
  28. -webkit-transform: rotateZ(720deg);
  29. -moz-transform: rotateZ(720deg);
  30. -o-transform: rotateZ(720deg);
  31. -ms-transform: rotateZ(720deg);
  32. transform: rotateZ(720deg);}
  33. </style>
  34. <div id="allan">
  35. <div id="allan_7">
  36. <div style="padding:95px 80px;">
  37. <div id="allan_8"><img src="https://hd.lanyin.net/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.lanyin.net/11884/photo/Mon/2019/04/184893_55471554524957cf6cd9e040ecb4b.png');" style="max-width:600px;" onload="if(this.offsetWidth>'605')this.width='600';" title="allan_mann"></div>
  38. </div>
  39. </div>
  40. <div id="allan_5">
  41. <div id="allantop">
  42. <ul><li><font size="2">✕</font></li></ul></div>
  43. <div id="allan_6">
  44. <div style="margin:0px 30px;">
  45. <div style="width: 456px;height:300px; overflow-x:hidden; border:0px solid;">
  46. <div style="padding:10px 0px 0px 195px ;">
  47. <p><img  height="50" src="https://hd.lanyin.net/11884/photo/Mon/2019/04/184893_1db0155452577179629405b32cc50.png"></p></div>
  48. <div style="margin:105px 100px   ;"><strong>
  49. What a feeling to be right here beside you now<br /><br />
  50. And we both started running wild<br />
  51. The sky fell down<br />
  52. But you’ve got stars that are in your eyes<br />
  53. And I’ve got something missing tonight<br />
  54. What a feeling to be a king beside you<br />
  55. </strong>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <audio loop autoplay style="">
  64.             <source src="http://music.163.com/song/media/outer/url?id=36492611.mp3"
  65.             type="audio/mpeg" >
  66.         </audio>
  67. </div>
  68. </div>
  69. </div>
[ 此帖被居家.在2020-02-19 20:36重新编辑 ]
Uncertainty is the only certainty there is, and knowing how to live with insecurity is the only security.
« 返回列表
发帖 回复