プログラミング

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

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

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

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

1. スクリーンショット

スクリーンショット

2. デモ

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

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

3. ソースコード

4. メモ

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

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

📂-プログラミング
-

執筆者:labo


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

e-Stat API を試しています。

最近、e-Stat 政府統計の総合窓口 というサイトの API機能 を試しています。 e-Stat というのは「政府統計のデータ」が閲覧できるサイトで、プログラムによってデータが取得できるように AP …

webpack 3 を使ったウェブページ開発手順

webpack 3 を使って、簡単なウェブページを開発する手順を紹介します。あくまで一つの例です。 1つ1つ細かい説明はできていませんが、「だいたいこんなふうにして作ることができますよ」ということが伝 …

Web Programming

ソフトウェアにおける日付・時刻フォーマット

目次ソフトウェアにおける日付・時刻フォーマット参考情報ISO 8601RFC 5322RFC 7231Common Log Format ソフトウェアにおける日付・時刻フォーマット ソフトウェア(特に …

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

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

Web Programming

サーバーからブラウザを通じてデスクトップ通知する方法(Push API を利用)

Push API を使ってサーバーからブラウザにメッセージを送る方法について説明しています。