このCSSFlipオンホバーのようなものを取得し、代わりにCSSトランジション/クラスonclickを適用するための最良の方法は何でしょうか。
http://css3.bradshawenterprises.com/flip/
誰かがjsfiddleで私のために実用的な例を作成できれば、私はそれを大いに感謝します。
このCSSFlipオンホバーのようなものを取得し、代わりにCSSトランジション/クラスonclickを適用するための最良の方法は何でしょうか。
http://css3.bradshawenterprises.com/flip/
誰かがjsfiddleで私のために実用的な例を作成できれば、私はそれを大いに感謝します。
CSSにはCLICKイベントはありません。JavaScriptを使用してクリック時にクラスを追加し、そのCSSクラスにアニメーションを実行させることができます。
.flip {
transform: rotateY(180deg);
box-shadow: -5px 5px 5px #aaa;
}
最初にフリップを行うcssクラスを作成できます。次に、javascriptを使用して、クリックイベントの要素を割り当てます。
CSS:
.flippingClass{
... flip ...
}
Javascript:
$("#flipper").click(function () {
$(this).addClass("flippingClass");
});