平缓渐变样式,放大缩小等

发表于 2020-05-14 19:25:45   |   下载附件   |   字体:
平缓渐变样式CSS3动画transition 渐变
// LESS 渐变变化
._transition(){
	transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;
}

// LESS 图片渐变放大样式
img { 
	width: 100%; height: 158px; overflow:hidden; border-radius:5px 5px 0 0; ._transition();
	&:hover {
		transform: scale(1.1); -ms-transform: scale(1.1); ._transition();
	}
}