हमने नियमित रूप से एक बटन का रूप बनाया है, लेकिन एक 3D बटन जैसे "पुश" स्थिति के लिए भीख माँग रहा है। हम क्या करते हैं :hoverऔर बटन पर गहरा रंग जोड़ते हैं :focus। फिर :active(धक्का दिया) के लिए, हम कुछ box-shadowएस हटाते हैं और इसे नीचे और दाईं ओर सापेक्ष स्थिति के साथ दबाते हैं। यह उतना ही सरल है, जब आप इसे क्लिक करते हैं, तो बटन में अब एक बहुत ही स्पष्ट और संतोषजनक अनुभव होता है।
एक है कि मन को स्प्रिंग्स: जब आप उस तरह शीर्ष / बाएँ / नीचे / सही मूल्यों के साथ सापेक्ष स्थिति को समायोजित करते हैं, तो आपको भविष्य में सावधान रहना होगा यदि आपको तत्व को पूरी तरह से स्थिति में लाने की आवश्यकता है। आपको कुछ पागल कूदने की ज़रूरत हो सकती है, क्योंकि टॉप / लेफ्ट / बॉटम / राइट का मतलब है कि पोज़िटिव पोज़िशनिंग की तुलना में कुछ अलग है।