ajicolor https://blog.hatena.ne.jp/ajicolor/ やわらかしかっけい https://ajicolor.hatenablog.jp/ HTML,CSS,javascript マウスオーバーしたら、画像を拡大＋オーバーレイを薄くする、というのをやりたかった。 a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .6)); transition: all .2s ease; } a:hover img{ transform: scale(1.1); } a:hover::before{ opa… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fajicolor.hatenablog.jp%2Fentry%2F2022%2F07%2F28%2F172105" title="CSS hoverで画像を拡大＋オーバーレイ変化 のtransitionが効かなかった時 - やわらかしかっけい" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-07-28 17:21:05 rich https://ajicolor.hatenablog.jp/entry/2022/07/28/172105 1.0 100%