6 466 Text / Codepen

Эффект fill для текста при наведении

Эффект заполнения текста при наведении. Реализовано с помощью CSS.

HTML

<div>Filling the text on hover</div>
<p data-item='Rohit'>Rohit</p>

<section>
  <div>Real time example, Navbar:</div>
  <nav>
    <ul class="menuItems">
      <li><a href='#' data-item='Home'>Home</a></li>
      <li><a href='#' data-item='About'>About</a></li>
      <li><a href='#' data-item='Projects'>Projects</a></li>
      <li><a href='#' data-item='Blog'>Blog</a></li>
      <li><a href='#' data-item='Contact'>Contact</a></li>
    </ul>
  </nav>

</section>

CSS

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи