HOME > 透過

透過一覧

2015.05.28

CSSで共通の要素につけた背景を任意の要素だけ消す方法

02

ウェブサイトを作っていて共通箇所はなるべくCSSでまとめてしまいたい。でも、共通箇所の中で1つだけ違う設定が必要なんて事がたまにあります。背景色なんかも全部同じにしたい場合、例えばdiv全部に設定しちゃうなんて事もありますが、その中の1ヶ所は背景いらないんだよなぁ~って事がたまにありました。そんな時はその1ヶ所に別のclassを追加して、背景を消しちゃいましょう。

2014.03.16

hoverすると白黒画像が透過して背景画像が現れるボタン

透過ボタン

ボタンの作り方は色々あります。jqueryで画像を切り替えたり、aタグに背景を入れて切り替えたり本当に様々です。その中で1つ、ロールオーバーすると透過するボタンを設置してみようと思います。背景に設置する事で軽くもなるし、htmlも綺麗になります。1つのデザインを使いまわす用な使い方をすると読み込むデザインを変えるだけでサイト全体のボタンデザインを変える事もできるので、使い勝手は良いかと思います。