锤子官网之内边框

css代码：

.box:hover{
  -moz-box-shadow: 5px 5px 5px #999 inset; /* For Firefox3.6+ */
  -webkit-box-shadow: 5px 5px 5px #999 inset;  /* For Chrome5+,Safari5+ */
  box-shadow: 5px 5px 5px #999 inset; /* For Latest Opera */
  box-shadow: 0px 0px 38px 0px red inset;
  transition:.2s;
}

值	描述
h-shadow	必须。水平阴影位置。可以为负值
v-shadow	必须。垂直阴影位置。可以为负值
blur	可选，模糊距离。
spread	可选，阴影尺寸。
color	可选，阴影的颜色
inset	可选，将外部阴影改成内部阴影

image.png image.png

具体效果