CSS3 के विस्तार योग्य बटन मेनू सामग्री डिज़ाइन सामग्री डिज़ाइन
यह एक शांत सामग्री डिजाइन शैली खुला मेनू बटन प्रभाव है। इस विशेष प्रभाव में सात अलग-अलग प्रभाव हैं। प्रत्येक प्रभाव में, मुख्य मेनू बटन का एक समूह मुख्य मेनू बटन पर क्लिक करके खोला जा सकता है। विभिन्न उद्घाटन उप मेनू के एनीमेशन प्रभाव अलग हैं। पहला प्रभाव यह है कि जब आप मुख्य मेनू बटन पर क्लिक करते हैं, तो मुख्य मेनू बटन बाईं ओर चला जाएगा, और मुख्य मेनू बटन बारी-बारी से मुख्य मेनू बटन के साथ दिखाई देगा। दूसरा प्रभाव यह है कि मुख्य मेनू बटन पर क्लिक करने के बाद, एक परिपत्र मुखौटा परत दिखाई देगी, और चार उप मेनू बटन परिपत्र मुखौटा परत के ऊपरी, निचले, बाएँ और दाएँ पदों में दिखाई देंगे। तीसरा प्रभाव यह है कि मुख्य मेनू बटन पर क्लिक करने के बाद, उप मेनू बटन नीचे से ऊपर तक मुख्य मेनू बटन के ऊपर दिखाई देगा। चौथा प्रभाव यह है कि मुख्य मेनू बटन पर क्लिक करने के बाद, उप मेनू बटन मुख्य मेनू बटन के दोनों ओर स्लाइड करेगा। पांचवां प्रभाव यह है कि मुख्य मेनू बटन पर क्लिक करने के बाद, उप मेनू बटन मुख्य मेनू बटन की स्थिति से पॉप अप हो जाएगा और बदले में दिखाई देगा। छठा प्रभाव यह है कि मुख्य मेनू बटन पर क्लिक करने के बाद, मुख्य मेनू बटन के दोनों ओर उप मेनू बटन दिखाई देते हैं, और फिर मुख्य मेनू बटन के चारों ओर 360 डिग्री घूमते हैं। सातवां प्रभाव मुख्य मेनू बटन पर क्लिक करना है, चार उप मेनू बटन मुख्य मेनू बटन के चारों ओर बारी-बारी से दिखाई देते हैं
