“Hover Border Bord” Ответ

Hover Border Bord

h1 { color: #666;display:inline-block; margin:0;text-transform:uppercase; }
h1:after {
  display:block;
  content: '';
  border-bottom: solid 3px #019fb6;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
h1:hover:after { transform: scaleX(1); }
h1.fromRight:after{ transform-origin:100% 50%; }
h1.fromLeft:after{  transform-origin:  0% 50%; }
Expensive Earthworm

Hover Border Bord

<h1 class="fromCenter">Expand from center</h1><br/>
<h1 class="fromRight">Expand from right</h1><br/>
<h1 class="fromLeft">Expand from left</h1>
Inquisitive Iguana

Ответы похожие на “Hover Border Bord”

Вопросы похожие на “Hover Border Bord”

Больше похожих ответов на “Hover Border Bord” по CSS

Смотреть популярные ответы по языку

Смотреть другие языки программирования