プログラミング

時間とともに風景画像の色を変化させるサンプルページを作りました

投稿日:2017年8月3日 更新日:

時間とともに風景画像の色を変化させるサンプルページを作りました。

夕方や夜に変化する効果を狙っています。

1. スクリーンショット

スクリーンショット

2. デモ

以下のURLでデモを見ることができます。

リンク先のページに、いろいろ説明が書いてあります。

3. ソースコード

4. メモ

このサイトのヘッダにある風景画像にも適用してみました。

  • アクセスする時間帯によって色が変わります。
  • ずっと開いたままにしておくと、だんだん色が変わってきます。

📂-プログラミング
-

執筆者:labo


comment

メールアドレスが公開されることはありません。

関連記事

Python

Python でファイルを読み込み何か加工した結果を出力するコードの雛形

Python でファイルを読み込んで、何か加工した結果を出力するコードの雛形を紹介します。

no image

ウェブプログラミングの知識があるとできること(その1)

先日、あるブログを見ていたら最新の記事だけが表示されない仕組みになっていました。 ウェブプログラミングの知識があるとこんなことができますという例として、その仕組を調べた時の過程を紹介します。 目次きっ …

web development

Web Development for Beginners を読む:レッスン6と7

目次1. はじめに2. Lesson 6: JavaScript Basics: Making DecisionsA Brief Recap on Booleans(ブール値の簡単な要約)Compar …

Web Programming

Puppeteer を使った画像遅延読み込みテストを試してみました

目次1. はじめに2. Puppeteer とは?3. テストするテスト1(問題ないページ)テスト2(問題があるページ)テスト3(問題があるページ)4. おわりに 1. はじめに Puppeteer …

定期的にDOM要素をアニメーションするサンプルを用意しました

定期的にDOM要素をアニメーションするサンプルを用意しました。 DOM要素が対象ですので、div要素や img要素などが動かせます。 目次1. デモ2. ソースコード3. まとめ4. 参考 1. デモ …