.slider__inner .slick-arrow{
 opacity: 0%;
}
.slider__inner .slick-arrow:hover{
 opacity: 100%;
}

Так работает но только при наведении не на слайдер, а на сами стрелки

Ну так не правильно же

Тыж Ховер дал стрелке

Вчитайся. При наведении "на блок"

Вы как это разбираете потом

я понимаю, а как мне сделать чтобы при наведении на сам слайдер она появлялась

вешай ховер на слайдер

Привет всем
Есть анимация, в хроме работает, а в firefox и safari нет, что делаю не так?
.custom-icon {
   -moz-animation: animation-rotate 1s ease-in-out 0s;
   -webkit-animation: animation-rotate 1s ease-in-out 0s;
   animation: animation-rotate 1s ease-in-out 0s;
}

@-moz-keyframes animation-rotate {
   from { -moz-transform: rotate(0deg); }
   to {  -moz-transform: rotate(360deg); }
}

@-webkit-keyframes animation-rotate {
   from { -webkit-transform: rotate(0deg); }
   to {  -webkit-transform: rotate(360deg); }
}

@keyframes animation-rotate {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
}

У меня менюшка прибита к низу сайта и фиксированная.
Когда на мобильном браузере скролят вниз выплывает адресная строка и весь сайт сдвигается вниз на её высоту.
И моя фикс. менюшка вниз уплывает на высоту адресной строки(а ожидалось что она будет фиксированной на 0 bottom)
Как избежать такого поведения?

Привет, никто не знает реально ли на css реализовать такую схему?
Зеленые - это блоки текста, разный шрифт, разное кол-во символов
Красный - блок, которому необходимо задавать положение попиксельно(то есть position: absolute; top: 120px; или любой другой top)
Нет идей как реализовать такое обтекание?

круг не перемешается в dom, нужно задавать его позицию именно через css

А ты разве не реализацию сказал

я так понимаю, он хочет чтобы блоки реагировали на блок с absolute?

а как обтекание сделать?

и сами его обтекали

да

но кмк тут только выстроить блоки и оставить место под эту штуку

не известен контент блоков 🙁

Так это ж абсолют. Либо в dom и гридами, либо делай фиксированные размеры