Webデザイン更新

いきなりですがWebサイト(shunroid.com)のデザインを変更しました!

●旧デザイン(やっつけで作った適当デザイン)

kyu_web

↓↓↓

●新デザイン!

sin_web

背景の雲が動きます!

ツイッターを表示しました!

 

この雲が動く様にするのが時間かかりました。

javascriptで動かす事も考えましたがJavascriptの知識が無く・・・。

CSSだけでも色々できると最近知り、CSSで実装してみました。

 

参考にさせて頂いたサイトは下記です。

CSSのアニメーションを使って、シームレスなパターンで背景を無限スクロールさせる

おかげ様でやりたい事が実現できたので、非常にありがたいです。

 

それにしても、まだボタンが2個しかないので、ちょっと考えますw