【即実装！】フリップカードアニメーション（ 3D、回転、スライド）

　こんにちは！　今回ご紹介するのはこれ！
　カードをhoverすると、回転・反転などをして目を楽しませてくれるフリップカードアニメーションです。😀
　すべて CSS だけの実装です。
　Web デザインに取り入れてオシャレに飾ってみてはいかかですか？　( HTML,CSS )

カードがスライド・回転するよ（３パターン）

　カード内でテキストがスライド・回転するアニメーションです。
　シンプルだけにカスタマイズしやすいです。

See the Pen VwaQerB by bens-user (@ben1099user) on CodePen.

カード、文字を 3D で表示

　hover すると、文字・カード全体を 3D 回転させるホバーエフェクトです。
　チョットしたアクセントには、もってこいの演出ですね。😀

See the Pen bGpLpde by bens-user (@ben1099user) on CodePen.

See the Pen QWNQNZa by bens-user (@ben1099user) on CodePen.

　インスピレーションによってアイデアが生まれれば、CSS で無限のように形にできそうですね。
　カード型以外にも楽しいエフェクトアニメーションが作れそうです。