scss 随着过渡而扩展

Posted 2021-05-17

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.photo {
  transition: all .2s .2s;
  
  // Also could be added translate to add more transitions
  &:hover {
    outline: 1.5rem solid #000;
    transform: translate(-50%,-50%) scale(1.05);
    box-shadow: 0 2.5rem 4rem rgba(#000, .5);
    z-index: 1;
  }
}