typecho 博客程序底部添加 跳动的鱼特效 Published on Jul 27, 2023 in 随笔 with 0 comment  具体效果查看本博客。。。 可自动更改显示的内容。。。 代码: 添加到博客主题的 footer.php 文件中 ```html ``` css: ```css .site-footer { margin:0; /margin-top:64px;/ padding-top:30px; padding-bottom:30px; color:hsla(0,0%,100%,.9); box-sizing:inherit; text-align:center; font-size:1em } @media (max-width:991px){ .site-footer { padding-top:0px; } } .site-footer p { margin:0 } .rm-link-color > p > a { text-decoration:none; color:#89898c } .rm-link-color > p > a:hover { text-decoration:underline } .fly-fish{ z-index: -1; line-height: 0px; height: 350px; } footer{ position: relative; } .site-footer{ position: absolute; width: 100%; top: calc(100% / 4 * 3); transform: translateY(calc(-50% + 10%)); padding: 0; } .App{ padding-bottom: 0; } @media (max-width: 767px){ .App{ padding-bottom: 0; } .App-content { padding-bottom: 0; } } ``` 本文由 admin 创作,采用 知识共享署名4.0 国际许可协议进行许可。本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名。