неасилил (
Что?
Это псевдоклас
Смотри, в реакте мне надо прописать проп isHover:boolean. На некоторых страницах карточки должны ховериться, на других нет
ну то есть в зависимости от того проп тру или фолс ты вешаешь класс. и в зависимости от того висит клас или нет надо стили вешать
И я делаю условие className={isHover ? styles.карточкаСХовером: styles.карточкаБезХовера}
скопируй то что на скрине текстом сюда. или в кодпен...
.cardWrapper { background: #ffffff; border: 2px solid rgba(25, 48, 72, 0.05); border-radius: 12px; padding: 16px 16px 20px; position: relative; transition: 0.2s; width: 100%; .iconWrapper { float: right; } .hover:hover { z-index: 500; border: 2px solid transparent; box-shadow: 0 10px 100px 10px rgba(black, 0.5); transform: scale(1.09); } }
на cardWrapper довешиваешь дополнительный класс hover когда надо
Обсуждают сегодня