网站左下角 小蛇

小世界

复制粘贴

更换图片链接

放到底部就行了

1. <div class="dandelion">
   
2.   <span class="smalldan"></span>
   
3.   <span class="bigdan"></span>
   
4. </div>
   
5. <style type="text/css">
   
6. @media screen and (max-width:600px){
   
7. .dandelion{display: none !important;}
   
8. }
   
9. .dandelion .smalldan {
   
10. width: 36px;
    
11. height: 60px;
    
12. left: 88px;   
    
13. background-position: 0 -90px;
    
14. border: 0px solid red;
    
15. }
    
16. .dandelion span {
    
17. -webkit-animation: ball-x 3s linear 2s infinite;
    
18. -moz-animation: ball-x 3s linear 2s infinite;
    
19. animation: ball-x 3s linear 2s infinite;
    
20. -webkit-transform-origin: bottom center;
    
21. -moz-transform-origin: bottom center;
    
22. transform-origin: bottom center;
    
23. }
    
24. .dandelion span {
    
25. display: block;
    
26. position: fixed;
    
27. z-index:9999999999;
    
28. bottom: 0px;
    
29. background-image: url(图片链接);
    
30. background-repeat: no-repeat;
    
31. _background: none;
    
32. }
    
33. .dandelion .bigdan {
    
34.   width: 240px;
    
35.   height: 240px;
    
36.   left: 41px;
    
37.   background-position: center center;
    
38.   background-size: 100% 100%; /* 确保背景图片完全覆盖容器 */
    
39.   border: 0px solid red;
    
40. }
    
41. @keyframes ball-x {
    
42. 0% { transform:rotate(0deg);}
    
43. 25% { transform:rotate(5deg); }
    
44. 50% { transform:rotate(0deg);}
    
45. 75% { transform:rotate(-5deg);}
    
46. 100% { transform:rotate(0deg);}  
    
47. }
    
48. @-webkit-keyframes ball-x {
    
49. 0% { -webkit-transform:rotate(0deg);}
    
50. 25% { -webkit-transform:rotate(5deg); }
    
51. 50% { -webkit-transform:rotate(0deg);}
    
52. 75% { -webkit-transform:rotate(-5deg);}
    
53. 100% { -webkit-transform:rotate(0deg);}
    
54. }
    
55. @-moz-keyframes ball-x {
    
56. 0% { -moz-transform:rotate(0deg);}
    
57. 25% { -moz-transform:rotate(5deg); }
    
58. 50% { -moz-transform:rotate(0deg);}
    
59. 75% { -moz-transform:rotate(-5deg);}
    
60. 100% { -moz-transform:rotate(0deg);}
    
61. }
    
62. </style>

复制代码

图片上传限制 200kb够干啥的 图片自己找吧 上传不了 任何图片都可以