教你如何给网站加一只浮动小黑猫 - 影课教学网



教你如何给网站加一只浮动小黑猫

作者: yingke

全网最全的网络资源分享网站

手机扫码查看

特别声明:本站资源分别为免费资源、查看密码或解压密码资源、三个级别VIP会员资源。本站所有发布的内容都是安全,请放心下载!本站不可能所有资源都可以商业用途,原创或部分除外!如:商业用途请联系原作者购买正版。与本站无关!若侵犯到您的权益,请联系本站删除,我们将及时处理!

影课小房

 

这几天相信大家都看见了博客的左下角有一只浮动小猫,是不是很可爱呢?

很多人问我要代码,我今天就把代码发过来吧哈哈哈,可以自行设置小猫的宽和高

下面是效果图,截的图是静态的,这只猫还会随着鼠标的移动而动起来

具体效果可以用电脑打开我网站体验即可

0101.png

下面是代码,复制到你的网站底部文件或者可以放置代码的设置区域,添加完以后强制刷新缓存即可,如果看不见或者位置不对就说明你代码放错了

<style>@media only screen and (max-width: 800px){.catIframe{display:none;}}.catIframe {position: fixed;width: 400px;bottom: 10%;left: 5%;transform: translate(-68%, -50%);z-idnex:99999;} </style><iframe src="https://zhanyuzhang.github.io/lovely-cat/cat.html" frameborder="0" class="catIframe"></iframe>

 

搜一下

分享到:
打赏
转载请注明出处

作者: yingke, 转载或复制请以 超链接形式 并注明出处 影课教学网
原文地址: 《教你如何给网站加一只浮动小黑猫》 发布于2020-6-15

评论

切换注册

登录

忘记密码?

您也可以使用第三方帐号快捷登录

切换登录

注册

教你如何给网站加一只浮动小黑猫

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏