文字は透過せず、背景のみを透過する方法
要素の透明度を指定する際には、「opacity」プロパティを使用する。透明度は、0.0(完全に透明)~1.0(完全に不透明)の数値で指定していく。 ただ、「opacity」を使った場合は、重なっている文字や子要素まで一緒に(オブジェクト全体が)透過されてしまうため、テキストはそのままの状態で背景だけ個別に透過の指定をしたい場合は、opacityでRead More…
要素の透明度を指定する際には、「opacity」プロパティを使用する。透明度は、0.0(完全に透明)~1.0(完全に不透明)の数値で指定していく。 ただ、「opacity」を使った場合は、重なっている文字や子要素まで一緒に(オブジェクト全体が)透過されてしまうため、テキストはそのままの状態で背景だけ個別に透過の指定をしたい場合は、opacityでRead More…
文字に影をつけるCSSはよく使うので、とくに使用頻度の高い3パターンのコードをまとめておきます。 「text-shadow」プロパティの使い方 【 3パターン 】 文字(テキスト)に影をつけるには、「text-shadow」プロパティを使います。 記述のしかたは以下のような順序で記述していきます。 記述のRead More…
CSSで複数のセレクタ名を並べる時の記述で、要素名(タイプ名)やクラス名やID名の間に「半角スペース」を入れたり、入れずに詰めたり、「 , ( カンマ ) 」を入れたりと、いくつかの記述方法があります。 ここは間違えやすいところでもあるので、ミスしがちな 3パターンの記述方法Read More…
ここに挙げた3記事だけでも、色々なデザイン レイアウトに使えそう。 ワンポイントに使えるCSS3マウスオーバーアニメーション5種 | webOpixel 5種類だけだけど、どれも汎用性が高い