常用样式-阴影变化

.item {

  border: 1px solid #f3f3f3;

  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.10);

  transition: box-shadow 0.2s;

  &:hover {

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 0 rgba(0, 0, 0, 0.25);

  }

}

猜你喜欢

转载自www.cnblogs.com/linziwei/p/10339207.html
今日推荐