![見出し画像](https://assets.st-note.com/production/uploads/images/7145585/rectangle_large_type_2_6e77f6fdcd63dfb129cfb8c957a4ebcc.jpg?width=1200)
【1day】- jQueryで背景にグラデーション
Theme:【1day】
グラデーションで1日を表現できそうだと思って、やってみました。
使用したのは、jQueryのspectrum.jsです。
他のjQueryライブラリと同様に、jQuery、spectrum.jsをダウンロードして、html内に挿入します。
spectrum.jsはデフォルトで5色の色が入っていて、色を変更したり、増やしたり、速度の変更などもできます。
1日の空の移り変わりを表現したかったのですが、色の調整が難しかったです。
5色だったのを6色に増やし、速度も遅くしたりして調整しました。
参考
https://on-ze.com/archives/5245
http://nipponcolors.com/