Дугмад на ЦСС-триковима, у време овог видеа, имају вештачки 3Д ефекат. Изгледају попут плаве цигле коју гледате одозго под углом. Када их притиснете, активира се њихово: активно стање (попут свих веза / дугмади / улаза) и ЦСС их помера надоле и удесно, изгледа као да буквално мало притискате циглу на површину.
У чему је проблем? Када преместите такав елемент (у овом случају трансформишите:) translate(3px, 3px);
, мењате подручје у којем ће тај притисак покренути „клик“ ДОМ догађај. Ако се локација те штампе нађе на подручју које је сада веће од тог подручја на које је могуће кликнути, то се неће активирати. Дакле, дугме изгледа притиснуто, али заправо никада није притиснуто. То је чудно и лоше и неочекивано понашање.
Ефекат је ипак кул, па га у овом видеу поправљамо померањем псеудо елемента како бисмо попунили преостали простор, чинећи подручје на које је могуће кликнути увек исто.
Погледајте демо оловку.