星座はきらめく

CSSだけでグラデーションとアニメーション

はじめとまれボタンを押下してバックグラウンドの背景色の更新、月画像の回転、音声の開始と停止を交互に制御します。これまで縦書きはh2vRのプラグイン(アドイン)を利用していましたが、今回はブラウザの素の機能を利用します。

一つのボタンで交互に処理を切り分ける部分はCSSだけという触れ込みに抵触しますが6行ほどのJavaScriptを使っています。縦書きはブラウザごとにかなり動作に差があります。Chrome, FireFox, Operaはほぼ同一ですが、Edgeは差が大きいです。IE11はサポート終了でお薦めできません。

RESULT

 ⬑スタート ロシア民謡、2つのギター

月にむらくも 星座はきらめく

moon
なつ
まだよいながら
あけぬるを
くものいづこに
つきやどるらむ
『古今和歌集』夏一六六
    清原深養父きよはら の ふかやぶ

【現代語訳】
夏の夜は短く、
まだ宵のくちと思っている間に
明けてしまった。
沈みそびれた月は今ごろ、
雲のどのあたりに
宿っているのであろうか。

 

コメントを残す

下記項目は必須ですがメールアドレスは公開されません。名前はニックネームをお使いください。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください