@mxmwerner

Как сделать ширину псевдоэлемента after — от края родителя до края страницы?

Как сделать так, чтобы псевдоэлемент after при наведении начинался у левого края родителя, а заканчивался у правого края страницы?

<div class="flex">
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
</div>


.flex
    display: flex
    justify-content: space-between
 
.block
    position: relative
    width: 50px
    height: 50px
    background-color: red
        &::after
            content: ''
            display: block
            position: absolute
            left: 0
            bottom: 0
            height: 5px
            width: 0
            background-color: green
        &:hover::after
            width: ???

  • Вопрос задан
  • 57 просмотров
Решения вопроса 1
fallus
@fallus
Понятия не имею как применять css-переменные в sass. Но если чистый, никем не тронутый, девственный, единоначальный CSS, то можно так:

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
22 окт. 2020, в 13:19
1000 руб./за проект
22 окт. 2020, в 13:10
20000 руб./за проект
22 окт. 2020, в 13:08
80000 руб./за проект