Question

将<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找不到（这让我假设他们正在使用的链接很老了。

我是否有可能编辑了我的主题并且无法使用上面的代码？还是有办法让他们回来？

Answer 1

修改

出于某种原因，动画正在推动或隐藏“关注”按钮。一种解决方法是删除.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浏览器中移动。我还注意到Mozilla中的Follow按钮不会被推开。

Tumblr关注/仪表板按钮现在显示？

1 个答案: