MUGEN

集めたWebサイトを記事として
ピックアップしています。

2021.06.28

エンタメ(アニメ・ゲーム・アーティストなど)サイトで使えそうなエフェクトを紹介!

主にグリッチエフェクトの紹介になってしまっていますが、グリッチはかっこいいです!かっこいいサイトを考えている方は参考にしてみてください。アニメやゲームのオフィシャルサイトでもグリッチは時々、使ってるサイトもありますね。

他のエフェクトも少し載せてありますが、まだまだ沢山のエフェクトがありますので追々紹介できたらと思っています。また、どのエフェクトもそれぞれのページ先にデモページがあるので実際の動きやコードを確認してください。

画像のホバー時に使えそうなエフェクト「Original Hover Effects with CSS3」

画像のホバー時に使えそうなエフェクト「Original Hover Effects with CSS3」

Original Hover Effects with CSS3

作品一覧で使えそうなエフェクト「Adaptive Thumbnail Pile Effect with Automatic Grouping」

作品一覧で使えそうなエフェクト「Adaptive Thumbnail Pile Effect with Automatic Grouping」

Adaptive Thumbnail Pile Effect with Automatic Grouping

ページをめくるようなエフェクト「jQuery Peelback」

ページをめくるようなエフェクト「jQuery Peelback」

jQuery Peelback

スクロールアニメーションのエフェクト「Block Reveal Effects」

スクロールアニメーションのエフェクト「Block Reveal Effects」

Block Reveal Effects

ページがスクロールで切り替わるエフェクト「fullPage.js」

ページがスクロールで切り替わるエフェクト「fullPage.js」

fullPage.js

左右が上下にスクロールするエフェクト「multiScroll.js」

左右が上下にスクロールするエフェクト「multiScroll.js」

multiScroll.js

マウスに追従するエフェクト「pixel grid」

マウスに追従するエフェクト「pixel grid」

pixel grid

最後にMUGENについて

MUGENとは

Webサイト制作会社(夢双合同会社)が運営するギャラリーサイトになります。エンタメ系(アニメ・ゲーム・同人など)サイト制作の参考になるWebサイトを収集しています。

夢双合同会社(MUSOU)とは

夢双は、エンタメ系を中心にWebサイト制作を致します。
新しい会社ではありますが、日本の行政機関や医療業界などからも多数の案件をお受けしております。
魅力を伝えるWebサイトを目標にし、WebディレクションからCMS( WordPress・EC-CUBEなど )を使用したWebサイト制作に携わっています。
作品や商品イメージに合わせたデザインやユーザービリティ・SNSプロモーションに適したコンテンツなどのご提案をさせていただきます。

夢双合同会社(MUSOU)にWebサイト制作の相談する

linkedin このエントリーをはてなブックマークに追加
サイト制作なら夢双合同会社へ サイト制作なら夢双合同会社へ