scss 背景画像をホバーで拡大!
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 背景画像をホバーで拡大!相关的知识,希望对你有一定的参考价值。
<div class="box_spa"> <a href="#77777"></a></div>
.box_spa {
overflow: hidden;
a {
position: relative;
display: block;
width: 100%;
height: 320px;
&:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../facilities/images/bg_spa01.jpg);
background-size: cover;
transition: all .4s ease-out;
z-index: -1;
}
&:hover {
&:after {
opacity: .9;
-ms-transform: scale(1.2);
transform: scale(1.2);
}
}
}
}
以上是关于scss 背景画像をホバーで拡大!的主要内容,如果未能解决你的问题,请参考以下文章
scss ホバーした时に,下线を表示する。割と使うのでメモ
scss ホバーした时に,下线を表示する。割と使うのでメモ
scss ホバーした时に,下线を表示する。割と使うのでメモ
scss CSSで画像にフィルターを挂ける
python 画像を拡大·缩小する
css マウスオーバー拡大处理