@Serqwezxc

Почему не работает pointer-events: none для псевдоэлемента?

Нужно отключить hover для after. Но pointer-events: none; не работает.

.roadmap_card{
        width: 270px;
        height: 230px;
        background-color: #fff;
        padding: 30px 30px 40px;
        border-radius: 8px;
        position: relative;
        transition: .2s all linear;
        margin: 0 15px;
    }
    .roadmap_card:hover{
        box-shadow: 0 5px 10px rgb(0 0 0 / 40%);
        transform: translateY(5px);
    }
    .roadmap_card:after{
        position: absolute;
        content: '';
        background-color: #fff;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        right: 50%;
        transform: translateX(50%);
        bottom: -76px;
        pointer-events: none;
    }
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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