Question

过去几个小时我一直在努力，但我不能让它发挥作用。

我的目标是在 element1 的::之前放置一个动画，在 element1 上放一个动画。我尝试了使用:: before和：hover thingy的简单CSS技巧..但它不起作用。

HTML <div id="fc3"><div class="f_bb">Hover this</div> <div class="f_bloc">This should appear with an animation</div></div>

CSS /不能把它放在这里没有烦扰它，不知道为什么/

JS /同/

https://jsfiddle.net/5Lf76r7h/

有什么想法吗？谢谢。：）

更新完整的CSS尝试：https://jsfiddle.net/5Lf76r7h/3/ 更新2 https://jsfiddle.net/5Lf76r7h/4/

Answer 1

我使用了带有mouseenter和mouseleave的jQuery动画来实现同样的功能。请看这个小提琴：
https://jsfiddle.net/rawatdeepesh/2f41k6m5/

以下是您的设计代码：

<div id="fc3">
  <div class="f_bb">Hover this
   <div class="progress" style="border:1px blue solid;width:10px;height:5px;background-color:yellow;display:none">

   </div>
   <div class="f_bloc" style="display:none">This should appear with an animation</div>
 </div>
</div>

如果您需要更多动画：http://www.w3schools.com/jquery/jquery_animate.asp

onmouseenter / onmouseleave动画申请将无效

1 个答案: