よく見かけるよになったWebページをスクロールしていくと、画像や文字が横から下から飛び出してくる動きってありますよね。あの動きをサイトにつけたいんだけど、どうしたらできるの？って悩んでいませんか？
Animate.cssとの組み合わせでよく紹介されているのが「wow.js」ですが、wow.jsは商用で利用する場合、有料なんです。なので、無料で使用できる「ScrollTrigger」と「Animate.css」を組み合わせることで、スクロールイベントを設定してWeb初心者でもサイトにアニメーションをつけることができるようになります。
それではさっそく、「Animate.css」と「ScrollTrigger」の設置方法をご紹介します。
続きを読む
高画質だけの無料で使える人物写真素材のサイトをまとめてみました。
こんなのも、あんな写真も無料で使えちゃうんです。
個人、商用利用可能なので、ブログなど様々なサイトの画像素材として、きっと役立つこと間違いなしですよ。
続きを読む
チラシを自分で作成したいんだけど、デザインを考えるのが大変って思っていませんか？今回は、デザインが苦手・短時間でチラシを作りたい方に、デザインの優れた高品質なチラシテンプレートを無料でダウンロードできる特選サイトをいくつかご紹介します。
続きを読む
無料で使えるいろんな3Dアイコンを集めてみました！
ネットショップやサイト、ブログなどで活用するといいかも！
資料作成/ビジネスアイコン/無料素材/クリップアート
仕事に使える/フリーアイコン/イラスト素材
商用利用OK 画像加工OK
会員登録なしで簡単ダウンロード
150点以上のビジネス関係の3Dアイコン
https://working-illustration.com/
商用利用OK 画像加工OK
会員登録なしで簡単ダウンロード
ユニークな3Dアイコンが140点以上
商用利用OK 画像加工OK
会員登録なしで簡単ダウンロード
3Dアイコンが豊富！300点以上
https://internet-illustration.com/
商用利用OK 画像加工OK
会員登録なしで簡単ダウンロード
PNG画像の3Dアイコンが150点以上
商用利用OK 画像加工OK
会員登録なしで簡単ダウンロード
ハイクオリティでいろんな表情を思わせる3Dアイコンが340点以上
商用利用OK 画像加工OK
会員登録なしで簡単ダウンロード
人物・家電・動物・ネットショップなどなど、数えきれないほどの3Dアイコンがいっぱい
サイズも豊富、ホントにこれで無料なの？って思わせるハイクオリティなアイコンを集めてみました。
いろんなシーンで使える素材がいっぱあるので、どれを使うか迷ってしまいますね。
今回は、ネットショップやドロップシッピングなどで使えるバナーの画像をPhotoshopで作ってみました。
ネットショップなんかでよく使われている後光が差したような放射線状の背景画像です。
続きを読む
