南京CSS-3,即南京信息工程大學計算機學院2021級Web開發的一門課程。該課程主要涵蓋CSS3的新特性,包括變換、動畫、過渡等,旨在讓學生能夠熟練掌握CSS3的應用,提高前端開發水平。
CSS3是Cascading Style Sheets的升級版本,相較于CSS2,它增加了很多新的特性,豐富了前端開發的可能性。下面是一些常用的CSS3特性:
transform: rotate(30deg); // 旋轉30度 transition: all 1s; // 所有CSS屬性變化都加上1秒過渡動畫 animation: rotate 1s infinite; // 無限循環的旋轉動畫 box-shadow: 5px 5px 5px #888888; // 添加5像素陰影,顏色為#888888 border-radius: 5px; // 邊框圓角半徑為5像素
使用CSS3可以輕松實現許多效果,例如按鈕的漸變、圖片的縮放、文字的放大等等。以下是一些示例代碼:
.btn { background: linear-gradient(to right, #FFAFBD, #C9FFBF); padding: 10px 20px; color: white; border-radius: 5px; font-size: 18px; box-shadow: 2px 2px 2px #888888; transition: all 0.3s; } .btn:hover { transform: scale(1.1); } .img { transition: all 0.3s; } .img:hover { transform: scale(1.2); } .text { transition: all 0.3s; } .text:hover { font-size: 20px; }
總的來說,南京CSS-3是一門實用性很高的課程,無論是從學生的前端開發技能提升,還是從行業應用的角度來看,都有著非常重要的作用。