@arttstyle
web-макака

Как сделать такие кнопки со сдвигом влево БЕЗ JS?

  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
@arttstyle Автор вопроса
web-макака
solved
.share-button-secondary
   overflow: hidden;
    margin-left: 15px;
    height: 30px;
    position: relative;
    left: -150px;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
l3ftoverz
@l3ftoverz Куратор тега CSS
Люблю Финский металкор
А где в твоём примере JS?
Там всё на ховере сделано.
Ответ написан
@TequilaCool
Junior front-end developer
Вот кусок того, как это делается в твоем примере на scss, перевести в css не составит труда.
&:hover {
    cursor: pointer;
    
    .share-button-primary {
      box-shadow: 1px 0 0 0 rgba(0, 0, 0, .1);
    }
    
    .share-button-secondary-content {
      transform: translate3d(0, 0, 0);
    }
  }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы