acchinosorara https://blog.hatena.ne.jp/acchinosorara/ そららのクリエイティブログ https://acchinosorara.hatenablog.jp/ HTML CSS アニメ こんにちはです。あっちのそららです。今回は、HTMLとCSS（ウェブ制作などで使う言語）で、太陽を描画してみました。「Result」で確認できます（レスポンシブ対応済）。 See the Pen Untitled by あっちのそらら (@acchinosoraranocode) on CodePen. 静止画だとシンプルすぎて味気なかったので、遊び心でアニメーションも加えました。ギザギザ部分は、複数の正方形をつなげて再現。円周上に並べるため、三角関数を使用したので、ざっくり解説します。 正方形を描画する spanタグで正方形を作ります。数が多いほどギザギザが細かくなりますが、見た目のバランス… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Facchinosorara.hatenablog.jp%2Fentry%2Fcss_sun" title="【CSSイラスト】三角関数で太陽を描いてみた - そららのクリエイティブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/acchinosorara/20240718/20240718132235.jpg Hatena Blog https://hatena.blog 2024-07-20 13:32:44 rich https://acchinosorara.hatenablog.jp/entry/css_sun 1.0 100%