锤子官网之内边框

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

具体效果

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容