Подчеркнуть эффект с элементом CSS ⇐ CSS

[Anonymous]

Я ударил свою голову по кирпичной стенке с этой проблемой.
Я попытался использовать эту строку кода, чтобы создать эффект подчеркивания на парижке с CSS с использованием элементар. Я попробовал это с помощью виджета кнопок и виджета текстового редактора, но, похоже, вообще не могу заставить его работать. Что мне не хватает?
Любая помощь была бы действительно полезна. < /P>
Спасибо < /p>
:
.underline {
display: inline;
position: relative;
overflow: hidden;
}
.underline:after {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: -5px;
background: #000;
height: 4px;
transition-property: left right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.underline:hover:after,
.underline:focus:after,
.underline:active:after {
right: 0;
}


Подробнее здесь: https://stackoverflow.com/questions/686 ... mentor-css