Normal durumunda bir düğmenin görünümünü yarattık, ancak bunun gibi bir 3B düğme "basılmış" bir durum için yalvarıyor. Yaptığımız şey :hoverve üzerindeki düğmeye daha koyu bir renk eklemektir :focus. Sonra :active(itilmiş) için, bazı box-shadows'leri kaldırırız ve göreceli konumlandırma ile aşağı ve sağa iteriz. Bu kadar basit, düğme artık tıkladığınızda gerçekten açık ve tatmin edici bir deneyime sahip.
Akla gelen bir şey: göreli konumlandırmayı bu şekilde üst / sol / alt / sağ değerlerle ayarlarken, ileride öğeyi kesinlikle konumlandırmanız gerekirse dikkatli olmalısınız. Üst / sol / alt / sağ, mutlak konumlandırmada göreli konumlandırmada olduğundan çok daha farklı bir şey ifade ettiğinden, bazı çılgın sıçramalar yaşayabilirsiniz.