0

このCSSFlipオンホバーのようなものを取得し、代わりにCSSトランジション/クラスonclickを適用するための最良の方法は何でしょうか。

http://css3.bradshawenterprises.com/flip/

誰かがjsfiddleで私のために実用的な例を作成できれば、私はそれを大いに感謝します。

4

2 に答える 2

3

CSSにはCLICKイベントはありません。JavaScriptを使用してクリック時にクラスを追加し、そのCSSクラスにアニメーションを実行させることができます。

.flip {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #aaa;
}
于 2012-12-05T18:59:43.653 に答える
2

最初にフリップを行うcssクラスを作成できます。次に、javascriptを使用して、クリックイベントの要素を割り当てます。

CSS:

.flippingClass{
    ... flip ...
}

Javascript:

$("#flipper").click(function () {
     $(this).addClass("flippingClass");
});
于 2012-12-05T18:59:52.890 に答える