gpt4 book ai didi

css - Tumblr 关注/仪表板按钮现在显示了吗?

转载 作者:行者123 更新时间:2023-11-28 09:51:39 27 4
gpt4 key购买 nike

<style>下添加如下代码后到我在 Tumblr 上的主题

.tail {
position:fixed;
bottom:0px;
right:0px;
margin-bottom:434px;
margin-right:53px;
width: 61px;
height: 168px;
background: url(http://static.tumblr.com/hp60lp8/Nkpn9k0se/tail.png);
-webkit-animation: swing 5s infinite;
-webkit-animation-play-state: paused;
animation: swing 5s infinite;
animation-play-state: paused;
}

.tail:hover {
-webkit-animation-play-state:running;
-webkit-animation: swing 5s;
}


@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}

40% {
-webkit-transform: rotate3d(0, 0, 1, -50deg);
transform: rotate3d(0, 0, 1, -50deg);
}

60% {
-webkit-transform: rotate3d(0, 0, 1, 12deg);
transform: rotate3d(0, 0, 1, 12.5deg);
}

80% {
-webkit-transform: rotate3d(0, 0, 1, -12deg);
transform: rotate3d(0, 0, 1, -12.5deg);
}

100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}

还有这个在<body>之后

<div class="tail"></div> 

我的 Tumblr 关注/仪表板/自定义按钮已经消失。奇怪的是 the links are there , 你可以知道当你悬停在右上角时,但按钮不见了。我已经尝试做所有事情,查看谷歌并使用提供的代码并将它们放在正文之后,但它给我的只是404 not found(这让我假设他们正在使用的链接老了)。

有没有可能是我过度编辑了我的主题而无法使用上面的代码?或者有办法让他们回来吗?

最佳答案

编辑

出于某种原因,动画正在插入或隐藏 Follow 按钮。一种解决方法是删除 .tail 规则中的动画,但保留 .tail:hover 中的动画。当鼠标悬停在尾部上时,它将开始动画,但 Follow 按钮将再次被推出。但是一旦鼠标从尾部移出,Follow 按钮就会再次可见。

.tail {
position:fixed;
bottom:0px;
right:0px;
margin-bottom:432px;
margin-right:50px;
width: 61px;
height: 168px;
background: url(http://static.tumblr.com/hp60lp8/Nkpn9k0se/tail.png);
}

此外,您还可以添加 @-moz-keyframes 规则,这样尾部也会在 Mozilla 浏览器中移动。我还注意到 Follow 按钮在 Mozilla 中不会被推开。

关于css - Tumblr 关注/仪表板按钮现在显示了吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25052385/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com