q
Смотри, в реакте мне надо прописать проп isHover:boolean.
На некоторых страницах карточки должны ховериться, на других нет
На некоторых страницах карточки должны ховериться, на других нет
Size: a a a
2021 June 04
ДА
Он через :hover{}
I
ну то есть в зависимости от того проп тру или фолс ты вешаешь класс. и в зависимости от того висит клас или нет надо стили вешать
q
И я делаю условие className={isHover ? styles.карточкаСХовером: styles.карточкаБезХовера}
I
скопируй то что на скрине текстом сюда. или в кодпен...
q
.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);
}
}I
.cardWrapper {
.iconWrapper {
float: right;
}
&.hover {
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%;
&:hover {
z-index: 500;
border: 2px solid transparent;
box-shadow: 0 10px 100px 10px rgba(black, 0.5);
transform: scale(1.09);
}
}
}I
на cardWrapper довешиваешь дополнительный класс hover когда надо
q
Спасибо я попробую вечером когда за комп сяду)
O.
Привет, готов помочь с изучением html,css,js, react
От начала до момента сдачи сертификации softserve для получения оффера на позицию treinee frontend
На данный момент я full-stack с белее чем 2 годами опыта
Так же менторю по соответствующим направлениям в htmlacademy.ru и их проекте «Акселератор»
Мой telegram
@TolstonogAleksey
По всем вопросам в личку, пожалуйста)
От начала до момента сдачи сертификации softserve для получения оффера на позицию treinee frontend
На данный момент я full-stack с белее чем 2 годами опыта
Так же менторю по соответствующим направлениям в htmlacademy.ru и их проекте «Акселератор»
Мой telegram
@TolstonogAleksey
По всем вопросам в личку, пожалуйста)
K
Бесплатно?
BB
Даже в мышеловке не бесплатно
I
Мишек ловишь? ))
BB
Хахаха, представил ситуацию (исправил)
NZ
NZ
ребят, задал z-index: 1; контейнеру, а тексту в абсолюте z-index: 0; и он вне контейнера, но всё равно выходит за него
NZ
в чем может быть причина
FL
знаваю я одного фулстака с двумя годами опыта
сегодня он узнал про SSE
сегодня он узнал про SSE
I
максимально непонятно что у тебя происходит. но вот тебе подсказка
z-index не работает без позишна отличного от статик.
z-index не работает без позишна отличного от статик.