背景にも使えるCanvasのカッコいいドットアニメーションを6つご紹介します。CodePen.スターと言うだけあって、とても綺麗な表現のアニメーションになります。カーソルを追いかけて星が現れるので、どうしてもカーソルをくるくる回して遊びたくなってしまいますね。CodePen.あまり見たことがない、宇宙のようなイメージのアニメーションになります。色とか調整したら色んな場面の背景に使っても良さそうなアニメーションですね。CodePen.ドットを使って文字を表すなんてあまりないので紹介しました。CodePen.これは、このままサイトの背景にしても良いドットアニメーションですね。シンプルなサイトにも使えそうですね。CodePen.最近多くなったフローティングドットのアニメーションです。ほとんどのサイトが動画形式でファーストビューの背景に入れていますが、このcanvasを使えばソースだけで自由にカスタマイズして背景にできそうですね。CodePen.もうドットじゃないですね;とても綺麗で海外の方から人気だったのでご紹介しました。どのようにホームページデザインに取り込むかはさておき、あまり見ないアニメーションです。まとめCanvasを利用すれば、ホームページの背景は更に楽しいものにすることができます。処理が高速化するPC・スマホなので、是非、Canvasを利用して更に見ていて楽しいホームページを作ってみましょう。FacebookTwitterGoogle+はてブPocket関連記事2018.11.23Web制作・ホームページ制作ホームページを自作するメリット・デメリット今やホームページ作成は、優れた作成サービスのおかげで自分で作成することも容易になりました。...2019.02.14Web制作・ホームページ制作ホームページ作成費用っていくら?制作相場をズバリお答えよく弊社でもホームページ作成が初めてのお客様には、全くホームページの相場・費用感が分からないと言われます。今回、Jqueryプラグイン「drawer」でiPhoneのスクロールができない対処法をお伝えします。