CSS是一種層疊樣式表語言，用于描述網頁的樣式和布局。在設計APP時，CSS可以為應用程序增加美觀的外觀和功能。以下是一些CSS技巧來為你的APP添加更多的眼球吸引力。

.btn {
background-color: #008CBA;
color: white;
border: 1px solid #008CBA;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border-radius: 4px;
}
.btn:hover {
background-color: white;
color: #008CBA;
border-color: #008CBA;
}
.btn:active {
background-color: #008CBA;
color: white;
border-color: #008CBA;
}

這是一個按鈕的樣式代碼。.btn定義按鈕的基本屬性，包括背景顏色、文字顏色、邊框等。:hover是指當用戶將鼠標懸停在按鈕上時，在這種情況下，背景顏色、文字顏色和邊框的顏色都被更改為與原樣式相反的顏色。:active則表示當用戶點擊按鈕時的狀態。

.loading {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 80px;
height: 80px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

這是一個循環加載動畫的樣式代碼。.loading定義加載圖標的基本屬性，如邊框顏色、寬度、高度等。通過設置border-radius為50%，讓加載圖標呈現圓形。使用@keyframes定義一個名為spin的動畫，使整個圖標旋轉360度。

這些CSS技巧可以讓你的APP變得更加生動、優雅和具有吸引力。無論你是一個經驗豐富的開發者還是一個初學者，使用這些技巧來改進你的設計都是一個好的選擇。