@Tapuz

Как сделать начало анимации с другой стороны?

Добрый день!
У меня есть код, который анимарует подчеркивание ссылок, при этом анимация начинается слева. Как сделать чтобы она начиналась справа?
.p-ynz2174 .pagelayer-wp-menu-container ul li a {
    display: inline-block;
    color: #76431f;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}
.p-ynz2174 .pagelayer-wp-menu-container ul li a:after {
    background-color: #14a1d7;
    display: block;
    content: "";
    height: 1px;
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-out;
    transition: width .3s ease-in-out;
}
.p-ynz2174 .pagelayer-wp-menu-container ul li a:hover:after,
.p-ynz2174 .pagelayer-wp-menu-container ul li a:focus:after {
    width: 100%;
}
  • Вопрос задан
  • 75 просмотров
Решения вопроса 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
Дешево и сердито — так: https://codepen.io/i-am-studio_ru/pen/BaWymoy?edit...
А в целом есть смысл и на абсолютном позиционировании.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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