蘋果button css是蘋果公司為其產(chǎn)品開發(fā)的一種風格的button按鈕樣式。
/* 普通狀態(tài) */ .apple-button { background-color: #ffffff; border: 1px solid #a0a0a0; border-radius: 10px; color: #a0a0a0; cursor: pointer; font-size: 14px; font-weight: bold; padding: 10px 20px; text-decoration: none; text-shadow: 0px 1px 0px #ffffff; } /* 鼠標懸浮狀態(tài) */ .apple-button:hover { background-color: #f2f2f2; border-color: #a0a0a0; color: #333333; text-decoration: none; } /* 鼠標按下狀態(tài) */ .apple-button:active { background-color: #e5e5e5; border-color: #a0a0a0; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) inset; color: #333333; text-decoration: none; }
蘋果button css的特點是簡潔、扁平化設計風格,主要顏色為白色、灰色,注重用戶交互體驗,鼠標懸浮和按下時有明顯的反饋。
蘋果公司的產(chǎn)品都采用了蘋果button css樣式,包括MacBook, iPhone, iPad等設備,可以更好地融入到整個產(chǎn)品生態(tài)中。
上一篇css什么時候用等號
下一篇css什么意思中文