アニメ映画「時をかける少女」のタイトルロゴのアニメーションをCSSで作りました。
「時をかける少女」のタイトルロゴをCSSアニメーションで作ってみた

アニメ映画「時をかける少女」のタイトルロゴのアニメーションをCSSで作りました。
CSSで二つの小さな四角形がぐるぐる四角を描いて回るローディングアイコンを作りました。
background関連のプロパティは通常継承しません。なにも指定しなければ、背後の要素の背景が透けて見えるので、継承する必要もあまりありません。 でももちろん、inherit値を指定すれば継承することができます。 普通使うことはまずないと思いますが、せっかくなので、なにか活用できないかなと考えてみました。
CSSでブロック要素を中央寄せする場合、幅の指定が必要ですが、幅を指定せずに可変幅で中央寄せする方法を解説します。inline-blockは使いません。