【自習室】ページトップへ戻るボタン制作

サイトの右下の方にあるこちらのボタンを、オリジナル画像にカスタマイズしてみました!

大浜先生のサイトのボタンがかわいくて…

(先生のサイトはロケットでした)

それで私はUFOにしてみました

ノートに描いたラフがこちら!

作った画像がこちら!

UFOの金属感が出せてよかったです♪

サイズ調整のCSSの保存がうまくいっていないので、これから勉強していく中でこちらも解決できたらと思います!

めちゃくちゃ小さい!

生成AIで背景を付けてみました!

いろいろと画像を作らなくては…という状況なので、もう少し作業スピードを上げていきたいところです。

翌日

サイズのCSS設定が上手くいかなかったので、大浜先生のお力をお借りしましたところ、通常の設定よりも大きくイラストがはっきり分かるサイズに(´;ω;`)✨

Cocconのデフォルト設定では無理な背景の透過方法までご教授くださいました(´;ω;`)✨

大浜先生、本当にありがとうございましたm(_ _)m✨

CSS奥深いですね…!!

やってみたいことを自由にカスタマイズできたらもっと楽しいだろうなと思ったので、これから勉強して自分でもいじれるようになりたいです!

コメント