Bu video sırasında CSS-Püf Noktalarındaki düğmelerin sahte bir 3D efekti var. Yukarıdan bir açıyla baktığınız mavi bir tuğlaya benziyorlar. Bunlara bastığınızda, aktif durumları tetiklenir (tüm bağlantılar / düğmeler / girişler gibi) ve CSS onları aşağıya ve sağa hareket ettirir, sanki tuğlayı yüzeye biraz bastırıyormuşsunuz gibi görünür.
Sorun ne? Böyle bir öğeyi taşıdığınızda (bu durumda, dönüştürün translate(3px, 3px);:), bu basmanın "tıklama" DOM olayını tetikleyeceği alanı değiştirmiş olursunuz. Bu baskının konumu artık bu "tıklanabilir" alanın büyüklüğünde bir alanda olursa, tetiklenmeyecektir. Böylece düğmeye basılmış gibi görünüyor ama aslında hiç basılmıyor. Bu tuhaf, kötü ve beklenmedik bir davranış.
Etkisi yine de harika, bu yüzden bu videoda sözde bir öğeyi geride kalan alanı dolduracak şekilde hareket ettirerek ve "tıklanabilir" alanı her zaman aynı hale getirerek düzeltiyoruz.