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);

}