Във всеки бутон трябва да е 3 състояния: нормално (по подразбиране), Hover (Hover) и се притиска държавни (активна). Понякога трябва четвъртото състояние - латентно (неактивно).
Бутони, които не могат да се повторят с помощта на CCS, направени от спрайтове. Често виждам моите отпечатват оформления с криви притискат. Тук Спрайт:
Забележително е, че държавата на клик изместен от няколко пиксела по оста Y. Същата спрайт ръководство:
Някак си се добре, вече почти всички уеб дизайнери, който за първи път, които се обработват ми оформления, кликвания върху бутона повишаване на държавата по-горе, подравняване на горния ръб, надявайки се да го направи по-добре, или просто да се определи "бъг", след като дизайнера. Резултатът е такъв анимация:
Оказва се, че бутона издърпва под сянката си. Клиентът често така или иначе, и той не забеляза, а след това не разбират разликата, но това е вярно, atstoy. Без ефект на натискане на бутон с текста в страницата на сайта. Има само някои потрепвания, което показва, че бутонът се задейства. Не повече.
Забележете, че в един и същи начин, че някои от оформлението е отстранен от текст спрайт докато забравяйки (или може би просто прекалено мързеливи) в състояние да го кликнете, за да се измести по оста Y. Действието на натискане на бутона за там, но текстът е нещо на земята остава. Това е грешка:
Моля, не се приведе по горния ръб на бутона натиснат Y
Оставете както се прави в спрайт. Нека да е красива анимация отстъп:
Свързани статии