animate.cssでのアニメーション制御につきまして

Question

###前提・実現したいこと

規定位置から画像がぴょこぴょこ出るようなアニメーションをつくりたく・・・

###発生している問題・エラーメッセージ
箱からウサギが飛び出しては戻る、といったようなアニメーションをHPに使いたく、javaの知識が乏しい為、relativeボックスに箱画像、absoluteボックスにウサギという設定で「animete.css」のスライドインを使用して出現させようとしていたのですが、次のコンテンツにかぶさるようにスライドインしてきてしまいます。

既定の位置から画像を表示させたり、戻したりというのはCSSでは難しいでしょうか？

何かヒントがあれば、教えて頂ければ幸いです。
よろしくお願い致します。

https://daneden.github.io/animate.css/

Comments

[kei344]

書かれている状況が再現するコード（HTML/自分で書いたCSS）を提示されたほうが回答を得やすいと思います。また、本文中にjavaとありますが、JavaScriptの間違いではないでしょうか。

Answer 1

CSS3のキーフレームアニメーションを調べると良いかもしれません。
繰り返しの指定なども出来るので、実現したいことはCSS3のみで解決出来ます。

Comments

[suzuk_i]

CSS3のみでの実装で再現できました！
説明足らずの所を、有難うございました。。