背景がゲートのように上下・左右から開くボタン
下記のデモはhoverで動きを起動させていますが、
ボタンの位置までスクロールした際にアニメーションを動かすなど、スマホでも非常に有用なボタンです。
その際には、::hoverのところを任意のクラスに変えて、スクロールに応じて要素にclassを追加するなどしてください。
自前で実装されるのもよいですが、inview.jsなどのプラグインを使用すると楽に実装できます。
inview.jsの使い方については、検索してみてください。
-
3秒ごとにアニメーション(jQuery使用)
-
hoverでアニメーション