2023-09-13

jigインターン2023夏Aチーム作品「みんプロ」で派手な虹色祝福演出が大好評。その秘密に迫ってみました。

オープンソースなjigインターンの成果物「jigintern/2023-summer-a GitHub」のコードから、フロントエンド側がある publicを探すと、CSS style.css を発見。

background: linear-gradient(to right,#e60000,#f39800,#fff100,#009944,#0068b7,#1d2088,#920783,#e60000) 0 / 200%; animation: 0.4s example5 linear infinite;

虹っぽいですね!


「rainbow css on ss.sabae.cc」

かんたんWeb開発環境、ES-Jamを使って実験!スライドバーで速度をいじれるようにもしてみました。好みの速さは何秒?


「code4fukui/css」

ステキCSSを集めるリポジトリをCode for FUKUIに作っていくことにします。


これで、HTML2行でいつでもどこでもレインボー! <link rel="stylesheet" type="text/css" href="https://code4fukui.github.io/css/rainbow.css"> <div class=rainbow>rainbow</div>

links
- クリエイティビティを刺激しよう、IdeaSyncオープン、jigインターン成果発表会、サイフラ

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS