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

В данном материале мы бы хотели с вами поделится выпадающими иконками социальных сетей, они сделаны с использованием CSS и HTML кодов, с подключением библиотеки Font-Awesome. В нашем примере мы используем пять социальных сетей, таких как - Facebook, Twetter, Insatgram, ВКонтакте и Одноклассники, но вы сможете изменить их под себя, для этого нужно будет заменить в HTML коде иконку из библиотеки Font-Awesome. Цветовая гамма иконок - это бежевый (#f3be81) и темно-серый (#393939) цвет, изменить их под себя можно в CSS стиле.

Сегодня мы с вами делимся движущейся текстовой CSS маской с JavaScript. Там мы использовали jQuery для простоты работы и экономии времени и как мы знаем, jQuery - это библиотека JavaScript, поэтому мы поместили это в категорию JS. Мы думаем, что эта программа будет полезна для вас, и вы сможете использовать это на своем сайте, чтобы добавить немного стиля.

Сегодня мы научимся создавать боковую панель социальных иконок, с фиксированной позицией. В основном, это боковая панель или боковой элемент в левом среднем положении, и есть некоторые иконки социальных сетей, такие как Facebook, Twitter, Instagram, Pinterest, Tumblr, ВКонтакте и Одноклассники. Все иконки по умолчанию серого цвета, но при наведении они становятся с оригинальным цветом и появится всплывающая подсказка для информирования о том, какая это сеть.

Создаем кнопки с эффектом наведения и фокусировки. Наведите курсор мыши на кнопку, чтобы увидеть эффект при наведении, и сфокусироваться на кнопках, нажав Tab, чтобы увидеть эффект фокусировки.