10 ЦСС библиотека за боље ефекте слике

Пуштање корисника лако и јасно знате који део веб странице је могуће кликнути је важан део УКС дизајна. Стари, али златни начин рада је био да се промени боја текста и подвуче. Данас, са ЦСС-ом, постоји много више начина за испоруку ефеката лебдења, посебно слика.

Програмери сада могу додајте ефекте прелаза или анимацију када се активира ховер догађај. Тражимо слајдове у правцу кретања, зумирамо различитим брзинама, фаде-инс и фаде-оутове, ефекте зглобова, откривање рефлектора, махање, одбијање и друго.

У овој компилацији постоје више од 250 ефеката лебдења да вас инспирише. Такође можете преузети код на извору.

Имаге Ховер Еффецтс (16 ефеката)

На овој страници ћете наћи лепу колекцију од 16 ефеката приказаних слика са натписима. Зграбите ХТМЛ и ЦСС код за сваки ефекат тако што ћете прећи преко слика, а затим кликните Прикажи код.

Имаге Цаптион Ховер Анимација (4 ефекта)

Ево 4 кул анимације титла које се покрећу када се крећете изнад слике. Ефекти су изграђени са чистим ЦСС3 прелазима и трансформацијама, и без ЈаваСцрипт-а, да би се повећала компатибилност преко читача.

иХовер (35 ефеката)

иХовер је колекција ефеката лебдења које покреће ЦСС3. Постоји 20 ефеката кружног ховер-а и 15 квадратних ефеката лебдења. Да бисте користили ефекте, мораћете да напишете ХТМЛ ознаке и укључите ЦСС датотеке.

Имаге Ховер (44 ефекта)

Ова библиотека садржи 44 ефекта направљених са чистим ЦСС-ом. Неки од ефеката укључују бледи, гурање, слајдове, шарке, откривање, зумирање, замагљивање, окретање, преклапање и капке, у више праваца. Постоји проширена верзија 216 ефеката који се могу купити за 14 €.

Ховер Еффецт Идеас (30 ефеката)

Овај демо снимак приказан од стране Цодроп-а, даје вам инспирацију при изради глатких прелаза између слика и њихових описа. Постоји укупно 30 ефеката на два сета са туторијалима и изворним кодом.

Ховер ЦСС (108 ефеката)

Ховер ЦСС вам омогућава да додате ефекте лебдења било ком елементу, као што је дугме, веза или слика. Ефекти укључују 2Д прелазе, позадинске прелазе, границе, Схадов и Глов транзиције, и још много тога. Библиотека је доступна у ЦСС-у, Сасс-у и ЛЕСС-у.

Аниматизам (100+ ефеката)

Постоји више од 100 анимација за приказивање слика на дугмадима, преклапањима, детаљима, описима, сликама и тастерима друштвених медија. Све ефекте покреће ЦСС3.

Цаптион Ховер Еффецт (7 ефеката)

Постоји 7 различитих ефеката у овој колекцији. Сви пријелази изгледају јако лијепо и глатко. Идите у одјељак с упутствима како бисте сазнали како примијенити ове ефекте на ваш пројект.

ЦСС Имаге Ховер Еффецтс (15 ефеката)

Збирка једноставних ефеката лебдења као што су зумирање, слајд, ротација, сива скала, замућење, непрозирност и други основни ефекти. Ове ефекте можете користити додавањем ЦСС класе пре фигура таг.

3Д ефекат лебдјења који је свјестан смјера

Ово је супер цоол ефекат лебдења који ће открити ваш последњи покрет миша. Наслови слика ће се отворити из једног од четири правца на основу ваше задње позиције курсора.

Ховер Аниматион

Ово је анимација на граници која је инспирисана УНИКЛО-ом. Након ховер догађаја, граница слике ће постати анимирана.

Плочице са анимираним ховер-ом

Један за дизајне плочица, овај има спори зум, слајдове, поп-инс, затамњени слој међу осталима.

СВГ цлип-Патх Ховер Еффецт

Супер авесоме к-раи спотлигхт ховер еффецт би СВГ цлип-патх и ЦСС транзиције. Добро ради за Цхроме, Опера и Сафари.