2025年04月24日(木)

CSSグラデーションで日の丸が実装できるとは驚いた！ 日本の国旗をたった3行のCSSで実装するテクニック

• 0
• 0
• 0
• 0

昨日、Xで話題になっていたCSSで実装する日本の国旗、日の丸を紹介します。

HTMLはdiv一つだけで、あとはたった3行のCSSで簡単に実装できます。もちろん、レスポンシブにも対応しています。

実際の動作は、デモページでご覧ください。
日の丸は、レスポンシブ対応になっています。