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 マウスオーバー拡大处理