こんにちは!制作部のゆりです
みなさんは、線や文字の色がグラデーションで移り変わったり、
背景が動いたりするようなサイトを、見たことはあるでしょうか?
サイト検索をしていると、ちらほらと見かけることがあるのですが、
シンプルなサイトでも、そういった動くエフェクトが使われていると
目を引かれますね:-O
どうやって動かしているのか気になったので、調べてみました。
いくつかのエフェクトは、cssのみでも動かすことができるようです!
参照のサイトがこちら↓
https://commte.net/6250
今回は私が見かけた中で、特に印象的だったサイトを、3つご紹介していきます。
1. 寓話立版古 カラスグチ
http://karasuguchi.starfree.jp/
今回のブログのネタを決めたきっかけになったwebサイトです。
デザイナーさんが作ったホームページですが、
黒の背景と、金色の紙吹雪がとてもマッチしています。
開いた瞬間、ページの世界観に惹きつけられますね:-)
2. 白雲荘
https://nisekohakuunso.com/ja/
メインビジュアルが印象的なウェブサイトです。
雪が降るようなエフェクトがあることで、
雪が積もった白雲荘の写真をぐっと引き立てていますね。
3. KSK ANALYTICS
『KSK ANALYTICS』さんの企業ホームページ。
紺色の背景に、水色と黄色の粒がゆっくりと飛んでくるようなエフェクトで、
まるで宇宙にいるような感覚になります。
おわりに
今回ご紹介したサイトは少なかったのですが、
よくよく検索していくと、他にもエフェクトを使った素敵なサイトはたくさんあるかと思います!
気になった方はぜひ、web制作に取り入れてみたり、
他にもサイトを探してみたりしてみてください(^^)/
では、ご閲覧ありがとうございました!
次回もよろしくお願いします。