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;}
  14. #allan_5{width: 465px;height: 350px;float: right;font-size: 10px}
  15. #allantop ul {float: right;padding: 20px 20px 0px 20px ;}
  16. #allantop li {float: left;list-style: none;margin: 0;color: #000;}
  17. #allan_6 {padding: 0px 0px;color: #333;line-height: 15px;text-decoration:none;font-family:SimSun;font-size: 10px;}
  18. #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;}
  19. #allan_7:hover{box-shadow: none;}
  20. #allan_8 {width: 140px;height: 99px;float: left;margin-right: 30px;}
  21. #allan_8 img{height: 150px;width:150px;
  22. border-radius: 100px;
  23. border:5px solid #efebec;
  24. -webkit-transition: -webkit-transform 3s ease-out;
  25. -moz-transition: -moz-transform 3s ease-out;
  26. -o-transition: -o-transform 3s ease-out;
  27. -ms-transition: -ms-transform 3s ease-out;}
  28. #allan_8 img:hover{
  29. -webkit-transform: rotateZ(720deg);
  30. -moz-transform: rotateZ(720deg);
  31. -o-transform: rotateZ(720deg);
  32. -ms-transform: rotateZ(720deg);
  33. transform: rotateZ(720deg);}
  34. </style>
  35. <div id="allan">
  36. <div id="allan_7">
  37. <div style="padding:95px 80px;">
  38. <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>
  39. </div>
  40. </div>
  41. <div id="allan_5">
  42. <div id="allantop">
  43. <ul><li><font size="2">✕</font></li></ul></div>
  44. <div id="allan_6">
  45. <div style="margin:0px 30px;">
  46. <div style="width: 456px;height:300px; overflow-x:hidden; border:0px solid;">
  47. <div style="padding:10px 0px 0px 195px ;">
  48. <p><img  height="50" src="https://hd.lanyin.net/11884/photo/Mon/2019/04/184893_1db0155452577179629405b32cc50.png"></p></div>
  49. <div style="margin:105px 100px   ;"><strong>
  50. What a feeling to be right here beside you now<br /><br />
  51. And we both started running wild<br />
  52. The sky fell down<br />
  53. But you’ve got stars that are in your eyes<br />
  54. And I’ve got something missing tonight<br />
  55. What a feeling to be a king beside you<br />
  56. </strong>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <audio loop autoplay style="">
  65.             <source src="http://music.163.com/song/media/outer/url?id=36492611.mp3"
  66.             type="audio/mpeg" >
  67.         </audio>
  68. </div>
  69. </div>
  70. </div>
[ 此帖被居家.在2020-02-19 20:36重新编辑 ]
打赏 收藏 新鲜事

相关主题

Uncertainty is the only certainty there is, and knowing how to live with insecurity is the only security.
回复 引用
　 鲜花[0]　 鸡蛋[0]
« 返回列表
发帖 回复