如何編碼SCSS以在懸停時顯示左圖像。SCSS如何在鼠標懸停時顯示此結果
HTML。
<div class="col-md-4 col-sm-6">
<div class="reference__content--item">
<img src="{{ asset($reference->photo->file) }}">
</div>
</div>
SCSS
.reference {
&__content {
margin-bottom: 30px;
&--item {
background-color: transparent;
img {
margin-top: 30px;
&:hover {
background-color: #0000AA;
}
}
}
}
}
我知道你要顯示的放大鏡(放大跡象)當您hoveing在圖像上,就是你是什麼想? –
是的,並在圖像上顯示藍色方塊@AbdelazizMokhnache我已經有縮放標誌圖片 –