Question

好吧Google并没有在这里帮助我。

游戏的目的是有一个按钮，这是一个自定义的png，并且在鼠标滚动时它向上滑动，保持在同一个位置，但通过滑动过渡到翻滚。

我希望能够使用CSS3对其进行排序，该页面已经有点像JQuery的OTT节目了。

目前我只是设法让它从左侧滑落。向下也很好。代码就像它一样简单，HTML看起来像这样（只是一个基本的DIV）：

<div id="Abutton"><a  draggable="false" title="A button n' stuff"></a></div>

CSS：

#Abutton a  {
   background: url(mediafolder/Abutton.png) no-repeat 0% 0px;
   display: block;
   height: 32px;
   width: 86px;
   cursor: pointer;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}

#Abutton a:hover  {
   background-position: -86px 0%;
}

（另外还有＃的定位和尺寸等。）

如果它出现任何复杂情况，按钮也会绑定到JQuery文件，点击后，平滑滚动到页面中的不同位置（道具指向那个帮助我在昨晚帮助我的那个！）。

提前致谢！

Answer 1

我觉得你问的是老虎机显示型的感觉？

只需使用你几乎已经尝试过的图像精灵，并在其上放置一个css动画，它会看起来你想要的（我认为你想要的是什么？）祝你好运

.animate {
  -webkit-transition: all 0.250s -in-out;
  -moz-transition: all 0.250s ease-in-out;
  -o-transition: all 0.250s ease-in-out;
  transition: all 0.250s ease-in-out;
}

CSS自定义按钮幻灯片过渡？

1 个答案: