CSS3+PPT 教學是一種新的課程形式，旨在幫助學生更好地學習和掌握 CSS3 技術，并能夠用 CSS3 制作出漂亮、流暢的 PPT。以下是本教程的詳細介紹。

一. 課程簡介

本課程是一門面向初學者的 CSS3+PPT 教學課程，包含基礎課程和進階課程。

二. 基礎課程

本部分主要講解 CSS3 的基礎知識，并幫助學生制作出基礎版的 PPT。以下是一些示例代碼：

/* CSS3 計算屬性 */
.container {
width: calc(100% - 20px);
height: calc(100vh - 50px);
}
/* CSS3 動畫 */
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.box {
animation: fadeOut 1s ease-out;
}
/* CSS3 選擇器 */
input[type="checkbox"]:checked + label {
text-decoration: line-through;
}

三. 進階課程

本部分主要講解 CSS3 的進階知識，并幫助學生制作出更為復雜的 PPT。以下是一些示例代碼：

/* CSS3 過渡效果 */
.box {
transition: all 1s ease-in-out;
}
.box:hover {
transform: rotate(360deg);
}
/* CSS3 伸縮盒子 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* CSS3 濾鏡 */
img {
filter: grayscale(100%);
transition: all 1s ease-in-out;
}
img:hover {
filter: none;
}

通過學習本教程，學生將掌握 CSS3 的基礎和進階知識，并能夠用 CSS3 制作出豐富、生動的 PPT，提高學生的視覺呈現能力和創造力。