こんにちは！この記事では、HTML・CSSで親クラス内の特定要素（p要素やh2要素など）だけを修正する方法について解説します。CSSセレクタの力を活用して、細かい部分修正を行う技術を身につけましょう。 1. CSSセレクタの基本 CSSでは様々なセレクタを使って ...

今回のお題は、 画像を縦のパネルに分けて切り替えるアニメーションだ。数字のボタンを押すと、 分かれたパネルが伸縮してクロスフェードする （サンプル1⁠）⁠。 「⁠Sliding Image Panels with CSS3」 の表現を参考にして、 HTMLやCSSの構成を改めるとともに ...

Webサイト制作において、特定のパターンを持つクラス名を複数使用することはよくあります。 例えば、見出し要素に title-main、title-sub、title-section のように、接頭辞 title- を持つクラスを付けるケースです。 このような場合、CSSで一つ一つクラスを指定して ...

はじめまして！ サイボウズ フロントエンドエキスパートチームの麦島です。 本連載では、Webフロントエンドに関してもう一歩踏み込んだ知識について、サイボウズ フロントエンドエキスパートチームのメンバーによって不定期で解説記事を掲載していきます ...