Сегодня мы научимся создавать подчеркивание, с эффектов развернутости при наведении. В основном, есть небольшой текст и в него помещены пять ссылок. В настоящее время ссылки пусты, потому что это только пример. Сначала под ссылкой вы увидите только градиент, но когда вы наведете на него курсор, он увеличит свою высоту и охватит весь текст.
В данном материале мы использовали чистый CSS для создания эффекта, и вся программа основана на простом HTML и CSS. Это просто основная работа, поэтому нам не нужно использовать какую-либо библиотеку или js. Вы можете использовать этот эффект для оформления ссылок на вашем сайте.
Вся остальная информация находится тут - источник
