時間とともに風景画像の色を変化させるサンプルページを作りました。
夕方や夜に変化する効果を狙っています。
1. スクリーンショット
2. デモ
以下のURLでデモを見ることができます。
デモページ
リンク先のページに、いろいろ説明が書いてあります。
3. ソースコード
4. メモ
このサイトのヘッダにある風景画像にも適用してみました。
- アクセスする時間帯によって色が変わります。
ずっと開いたままにしておくと、だんだん色が変わってきます。
Web技術の情報サイト(+ ICTリテラシーなど)
投稿日:2017年8月3日 更新日:
時間とともに風景画像の色を変化させるサンプルページを作りました。
夕方や夜に変化する効果を狙っています。
以下のURLでデモを見ることができます。
デモページ
リンク先のページに、いろいろ説明が書いてあります。
このサイトのヘッダにある風景画像にも適用してみました。
執筆者:
関連記事
最近、e-Stat 政府統計の総合窓口 というサイトの API機能 を試しています。 e-Stat というのは「政府統計のデータ」が閲覧できるサイトで、プログラムによってデータが取得できるように AP …
webpack 3 を使って、簡単なウェブページを開発する手順を紹介します。あくまで一つの例です。 1つ1つ細かい説明はできていませんが、「だいたいこんなふうにして作ることができますよ」ということが伝 …
目次ソフトウェアにおける日付・時刻フォーマット参考情報ISO 8601RFC 5322RFC 7231Common Log Format ソフトウェアにおける日付・時刻フォーマット ソフトウェア(特に …
JavaScript でスロットマシーンを作ってみました(3回目)
「JavaScript でスロットマシーンを作ってみる」の3回目です。 今回は ゲームっぽくしてみました。 目次1. スクリーンショット2. デモページ3. 内容4. ソースコード5. 参考情報 1. …
サーバーからブラウザを通じてデスクトップ通知する方法(Push API を利用)
Push API を使ってサーバーからブラウザにメッセージを送る方法について説明しています。