暗い背景をホバーでopaticyかけると、画像が暗く透過されてしまう。
そういうときに明るく透過させたい。
四角の画像の場合なら、このやり方でOK。
四角以外だと余白できるので、その場合は？？？まだわからん。
html
<a href=""><img src="" /></a>
css
a{display:inline-block; background:#fff;}
a:hover img{opacity:0.8;}
More than 5 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme