onmouseenter/onmouseleaveアニメーションは適用されません。

私は数時間前から頑張ってきましたが、動作させることはできません。

私の目的は、の要素1の:: beforeとの要素1のアニメーションを配置することです。私は単純なCSSトリックを:: beforeと：hover thingyで試してみましたが、うまくいきません。onmouseenter/onmouseleaveアニメーションは適用されません。

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

CSS /DUNNO、それを盗聴することなく、それをここに置くことができない理由/

JS /同じ/

https://jsfiddle.net/5Lf76r7h/

任意のアイデア？おかげさまで :)

UPDATE のフルCSSの試み：https://jsfiddle.net/5Lf76r7h/3/ UPDATE 2 https://jsfiddle.net/5Lf76r7h/4/

出典

2016-12-14 mSyx

悪い使用。恐ろしい不完全な例ですが、私は小さな[更新]（https://jsfiddle.net/5Lf76r7h/2/）でした。 – PHPglue

おめでとうございますPHPGlue、あなたは私をあまり気にかけていません。あなたの "アップデート"は期待通りに動作しません。次回は、返事に気をつけないでください。ありがとう:) – mSyx

多かれ少なかれ、別のdivを追加していくつかの要素を変更するだけで、作業バージョンです。 https://jsfiddle.net/5Lf76r7h/4/ 解決済み。 :) – mSyx

私はjQueryのMouseEnterイベントでアニメーション化し、同じことを達成するためにmouseleave使用しています。このフィドルを参照してください：ここでは
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>

あなたがアニメーションにより必要な場合：1用ホバーのhttp://www.w3schools.com/jquery/jquery_animate.asp

出典

2016-12-16 19:45:26 rawatdeepesh

ありがとうたくさんの友達。 :) – mSyx

onmouseenter/onmouseleaveアニメーションは適用されません。

答えて

関連する問題