Butang pada CSS-Tricks, pada masa video ini, mempunyai kesan 3D palsu. Mereka kelihatan seperti bata biru yang anda lihat dari atas pada sudut. Apabila anda menekannya, keadaan aktif mereka dipicu (seperti semua pautan / butang / input) dan CSS menggerakkannya ke bawah dan ke kanan, muncul seolah-olah anda menekan bata ke permukaan sedikit.
Apa masalahnya? Apabila anda memindahkan elemen seperti itu (dalam hal ini, ubah:) translate(3px, 3px);anda mengubah kawasan di mana tekan itu akan mencetuskan peristiwa "klik" DOM. Sekiranya lokasi pers itu berada di daerah yang sekarang terlalu besar dari area "yang dapat diklik", itu tidak akan memicu. Jadi butang kelihatan ditekan, tetapi sebenarnya tidak pernah ditekan. Itu tingkah laku pelik dan buruk dan tidak dijangka.
Kesannya masih sejuk, jadi dalam video ini kita memperbaikinya dengan menggerakkan elemen semu untuk mengisi ruang yang tertinggal, menjadikan kawasan "dapat diklik" selalu sama.
