Сегодня мы научимся создавать подчеркивание, с эффектов развернутости при наведении. В основном, есть небольшой текст и в него помещены пять ссылок. В настоящее время ссылки пусты, потому что это только пример. Сначала под ссылкой вы увидите только градиент, но когда вы наведете на него курсор, он увеличит свою высоту и охватит весь текст.
Кнопки и иконки | Дата: 05.04.2020 | Добавил: YaVi | Просмотров: 174 | Комментарии (0)

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

Сегодня мы с вами делимся движущейся текстовой CSS маской с JavaScript. Там мы использовали jQuery для простоты работы и экономии времени и как мы знаем, jQuery - это библиотека JavaScript, поэтому мы поместили это в категорию JS. Мы думаем, что эта программа будет полезна для вас, и вы сможете использовать это на своем сайте, чтобы добавить немного стиля.
Кнопки и иконки | Дата: 29.03.2020 | Добавил: YaVi | Просмотров: 203 | Комментарии (0)

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

Создаем кнопки с эффектом наведения и фокусировки. Наведите курсор мыши на кнопку, чтобы увидеть эффект при наведении, и сфокусироваться на кнопках, нажав Tab, чтобы увидеть эффект фокусировки.
Кнопки и иконки | Дата: 21.03.2020 | Добавил: YaVi | Просмотров: 195 | Комментарии (0)

1-5 6-10 11-15 16-20 21-25 26-27