Hover-эффекты для круглых элементов с использованием CSS Transitions / Хабр

Вариант 4

Варианты со свингом.

Вариант A со шрифтов FontAwesome и горизонтальным свингом.

Вариант B c графической иконкой zoom.png и вертикальным свингом.

Горизонтальный свинг и шрифт: a
Hover-эффекты для круглых элементов с использованием CSS Transitions / Хабр
Вертикальный свинг и иконка: b
Hover-эффекты для круглых элементов с использованием CSS Transitions / ХабрHover-эффекты для круглых элементов с использованием CSS Transitions / Хабр

Вариант 5

Классический ховер-эффект с полосками, который изменил немного под себя.

Дополнительно про Haval:  Моторное масло для двигателя Hover H3 когда, сколько и какого заливать

Пример имеет 2 варианта иконки увеличения изображения — это шрифт FontAwesome и графическая zoom.png.

Шрифт fontawesome: a
Hover-эффекты для круглых элементов с использованием CSS Transitions / Хабр
Графическая иконка: b
Hover-эффекты для круглых элементов с использованием CSS Transitions / Хабр

Hover-эффекты для круглых элементов с использованием CSS Transitions / Хабр

Дополнительно про Haval:  Купить новый Грейт Волл Hover H3 2019 - 2020 года — в Казани без пробега. Кредит и рассрочка от банка.

Вариант 6

Данный пример также имеет 2 варианта иконки увеличения изображения (шрифт FontAwesome и графическая zoom.png).

Шрифт fontawesome: a
Hover-эффекты для круглых элементов с использованием CSS Transitions / Хабр
Графическая иконка: b
Hover-эффекты для круглых элементов с использованием CSS Transitions / ХабрHover-эффекты для круглых элементов с использованием CSS Transitions / Хабр

Вариант 7

Еще один пример с двумя вариантами иконки увеличения изображения (шрифт FontAwesome и графическая zoom.png).

Шрифт fontawesome: a
Hover-эффекты для круглых элементов с использованием CSS Transitions / Хабр
Графическая иконка: b
Hover-эффекты для круглых элементов с использованием CSS Transitions / Хабр

Hover-эффекты для круглых элементов с использованием CSS Transitions / Хабр
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *