時間とともに風景画像の色を変化させるサンプルページを作りました。
夕方や夜に変化する効果を狙っています。
1. スクリーンショット
2. デモ
以下のURLでデモを見ることができます。
デモページ
リンク先のページに、いろいろ説明が書いてあります。
3. ソースコード
4. メモ
このサイトのヘッダにある風景画像にも適用してみました。
- アクセスする時間帯によって色が変わります。
ずっと開いたままにしておくと、だんだん色が変わってきます。
Web技術の情報サイト(+ ICTリテラシー関連)
投稿日:2017年8月3日 更新日:
時間とともに風景画像の色を変化させるサンプルページを作りました。
夕方や夜に変化する効果を狙っています。
以下のURLでデモを見ることができます。
デモページ
リンク先のページに、いろいろ説明が書いてあります。
このサイトのヘッダにある風景画像にも適用してみました。
執筆者:
関連記事
Python でファイルを読み込み何か加工した結果を出力するコードの雛形
Python でファイルを読み込んで、何か加工した結果を出力するコードの雛形を紹介します。
先日、あるブログを見ていたら最新の記事だけが表示されない仕組みになっていました。 ウェブプログラミングの知識があるとこんなことができますという例として、その仕組を調べた時の過程を紹介します。 目次きっ …
Web Development for Beginners を読む:レッスン6と7
目次1. はじめに2. Lesson 6: JavaScript Basics: Making DecisionsA Brief Recap on Booleans(ブール値の簡単な要約)Compar …
Puppeteer を使った画像遅延読み込みテストを試してみました
目次1. はじめに2. Puppeteer とは?3. テストするテスト1(問題ないページ)テスト2(問題があるページ)テスト3(問題があるページ)4. おわりに 1. はじめに Puppeteer …
定期的にDOM要素をアニメーションするサンプルを用意しました
定期的にDOM要素をアニメーションするサンプルを用意しました。 DOM要素が対象ですので、div要素や img要素などが動かせます。 目次1. デモ2. ソースコード3. まとめ4. 参考 1. デモ …