CSS 是一種用于網頁樣式設計的語言。使用 CSS,您可以為網頁添加豐富的視覺效果,使其看起來炫酷而令人印象深刻。以下是一些常見的 CSS 網頁效果。
/* 添加文本陰影 */ .text-shadow { text-shadow: 2px 2px 4px #000000; } /* 創建漸變背景 */ .gradient-background { background: linear-gradient(to right, #ffafbd, #ffc3a0); } /* 添加動畫效果 */ .animation { animation: rotate 2s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* 創建滑動菜單 */ .slide-menu { overflow: hidden; } .slide-menu li { float: left; width: 25%; } .slide-menu a { display: block; padding: 10px; text-align: center; background-color: #333; color: #fff; transition: all 0.3s ease; } .slide-menu a:hover { background-color: #555; } .slide-menu li.active a { background-color: #555; }
以上是僅僅是一些簡單的例子,您可以發揮自己的創意,創造出更多更酷的效果。