如何悬停图片并放大并显示boxshadow inset

时间:2017-05-11 02:33:18

标签: html css

您好我有一些想要显示的图像,当用户将鼠标悬停在我的图像上时它会放大并且框阴影插入,,,请帮忙

1 个答案:

答案 0 :(得分:0)

img{
  transition: transform 1s;
}
img:hover{
  transform: scale(1.5);
  box-shadow: 2px 2px 5px grey, -2px -2px 5px grey;
}
<img src="http://lorempixel.com/100/100/">