CSS:鼠标移动到图片上的动画

CSS:鼠标移动到图片上的动画

.pic img
{
	width: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: all .5s;
}             
.pic:hover img
{
	transform: scale(1.1);
	transition: all .5s;
}

　　

CSS背景渐变：

div:hover
{
	background-image: linear-gradient(122deg, #225ed6 0%, #3effff 100%), linear-gradient( #ffffff, #ffffff);
}