プログラミング

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

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

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

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

1. スクリーンショット

スクリーンショット

2. デモ

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

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

3. ソースコード

4. メモ

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

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

📂-プログラミング
-

執筆者:labo


comment

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

関連記事

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

JavaScript でスロットマシーンを作ってみました。 前回 とは違い、今回は Canvas を使っています。 目次1. スクリーンショット2. デモページ3. 内容4. ソースコード5. 参考情 …

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

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

web development

User Timing API を使って、特定の処理に掛かった時間を計測する

目次1. User Timing API について2. サンプルコード3. デモページ4. 参考仕様MDNブラウザの対応状況 1. User Timing API について User Timing L …

e-Stat API の利用に関するメモ

政府統計の総合窓口(e-Stat)−API機能 の利用に関するメモです。 政府統計の総合窓口(e-Stat)では、統計データ等が提供されており、プログラムで取得する事ができます。 気付いたこと 政府統 …

React Redux

Redux + React Router を使ったサンプルページを作りました

Redux + React Router を使ったサンプルページを作りました。 目次1. スクリーンショット2. デモページ3. 動作メモ4. メモ5. ソースコード6. 参考情報 1. スクリーンシ …