Amazon商品をお得に購入する方法 ▶ ▶ ▶

opacityで背景だけ透過させて文字は透過させないCSSの書き方

URLをコピーする
URLをコピーしました!

CSSでopacityを使った透過の方法を2種類記します。

皮革・ブランド品の宅配クリーニング リナビス
目次

透過なし

See the Pen MGxLJJ by kawashima (@kawashima) on CodePen.

これは透過してない状態。

タンメン画像の上に青い背景と文字があります。

文字も背景も透過

See the Pen erXxMe by kawashima (@kawashima) on CodePen.

手っ取り早くopacityを使用すると文字も透過しちゃいます!

文字はそのままにしたい場合は下をご参照下さい。

背景だけ透過。文字は透けない。

See the Pen erXxre by kawashima (@kawashima) on CodePen.

色指定する際にrgba(0,0,255,0.7)の形式で色と透過の数値を指定しましょう。

これで文字はそのままで背景が透けます。

Amazon商品をお得に購入する方法

悩む人

少しでもお得にAmazonで買い物できる方法を知りたい!

かわしー

Amazonチャージでの購入がおすすめです!

「Amazonチャージ」はAmazonギフト券にお金をチャージして買い物する方法です。

購入金額に合わせて最大2.5%のポイントをゲットできます。(下記の表参照)

Amazon公式ページより

「Amazonチャージ」はどなたでも何度でも使えるお得なサービス。

積み重ねていけば大きな額になるので、オトクに買い物したい方はやらなきゃ損ですよ。

Amazonチャージのご紹介

Amazonチャージはこちら

※チャージ自体はすぐ終わるのでお買い物の前に是非やってみてください

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

目次
TOP
目次
閉じる