プログラミング

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

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

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

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

1. スクリーンショット

スクリーンショット

2. デモ

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

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

3. ソースコード

4. メモ

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

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

📂-プログラミング
-

執筆者:labo


comment

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

関連記事

Firebase

Firebase を利用する手順

Firebase を利用する手順について説明しています。

web development

Web Development for Beginners を読む:レッスン4と5

目次1. はじめに2. Lesson 4: JavaScript Basics: Data TypesVariables(変数)Constants(定数)Data Types3. Lesson 5: …

JavaScript でスロットマシーンを作ってみました(3回目)

「JavaScript でスロットマシーンを作ってみる」の3回目です。 今回は ゲームっぽくしてみました。 目次1. スクリーンショット2. デモページ3. 内容4. ソースコード5. 参考情報 1. …

QRコードの画像ファイルから内容を読み取るWebページを作りました

目次1. はじめに2. スクリーンショット3. URL4. 操作と内容5. ソースコード6. 参考情報 1. はじめに QRコードの画像ファイルから内容を読み取る を作りました。 2. スクリーンショ …

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

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