常用样式-阴影变化

.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);

  }

}

posted @ 2019-01-30 17:53  keepLearnLL  阅读(347)  评论(0编辑  收藏  举报