css鼠标移入，放大，阴影变深效果

下面展示一些

内联代码片

。

.container .menu-item .detail .item{border-radius: 10px;width: 555px;padding: 20px;box-sizing: border-box;float: left;margin-left:30px;margin-bottom:30px;box-shadow:2px 3px 10px 2px rgba(0,0,0,0.1);transition-duration:0.1s;transition-timing-function:linear;transition-delay:0s;transition-property:all;}.container .menu-item .detail .item:hover{transform: scale(1.02);box-shadow:5px 5px 20px 5px rgba(0,0,0,0.15);}

transition-duration:变化的时间；
transition-timing-function:linear; 变化的效果
ease：（逐渐变慢）
linear：（匀速）
ease-in：(加速)
ease-out：（减速）
ease-in-out：（先加速后减速）
cubic-bezier 贝塞尔曲线：（ x1, y1, x2, y2 ）

transition-delay:0s; 变化的延迟执行的时间；
transition-property：要运动的样式（默认值为all，可以有三种定义：all、attr和none）；

效果：

鼠标移上去效果：