背景がゲートのように上下・左右から開くボタン

下記のデモはhoverで動きを起動させていますが、
ボタンの位置までスクロールした際にアニメーションを動かすなど、スマホでも非常に有用なボタンです。

その際には、::hoverのところを任意のクラスに変えて、スクロールに応じて要素にclassを追加するなどしてください。
自前で実装されるのもよいですが、inview.jsなどのプラグインを使用すると楽に実装できます。

inview.jsの使い方については、検索してみてください。

一覧に戻る