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

Разбираемся в CSS
Ответить
Anonymous
 Подчеркнуть эффект с элементом 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»