見出し画像

l Webデザイン フリック操作のスニペットまとめ

Webサイトのフロントエンドを実装するうえで、ボタンアニメーションなどのアイディアがほしい!と言う時には、CodePenというサービスがおすすめです。ウェブ制作時、フロントエンドで使用する技術のコードの共有や外部サイトへの埋め込みができるサービスです。そんなCodePenの中でもフリック操作で使えそうなアイディアをまとめてみました。

CodePenについては以前にも紹介しているので、下記からご確認ください。


l フリック操作

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】対応

【IE11動作】未対応

【IE11動作】未対応


l 最後に

上記以外にも、フリック操作に対応したスライダー・カルーセルを簡単に実装できるJavaScriptライブラリもあります。

Flicking


この記事が気に入ったらサポートをしてみませんか?