在Web開發中，CSS（層疊樣式表）是非常重要的一種技術，可以用于控制網頁的布局、字體、顏色、背景等各種樣式。除了靜態的樣式，CSS還可以實現動態的效果，如下面這些示例：

/* 1. 鼠標懸停時變色的效果 */
a:hover {
color: red;
}
/* 2. 鼠標點擊時顯示或隱藏內容 */
.show-hide {
display: none;
}
.show-hide.active {
display: block;
}
/* 3. 文字滾動的效果 */
.marquee {
position: relative;
animation: marquee 10s infinite linear;
}
@keyframes marquee {
0% { left: 0; }
100% { left: -100%; }
}
/* 4. 圖片輪播的效果 */
.carousel {
display: flex;
overflow: hidden;
}
.carousel-item {
width: 100%;
}
.carousel-item.active {
transform: translateX(0%);
}
.carousel-item.next {
transform: translateX(100%);
}
.carousel-item.prev {
transform: translateX(-100%);
}
/* 5. 下拉菜單的效果 */
.dropdown {
position: relative;
}
.dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
}
.dropdown:hover .dropdown-menu {
display: block;
}

以上示例展示了CSS的一些常見用法，通過CSS的各種屬性和選擇器，我們可以實現豐富多彩的動態效果，讓網頁更加生動有趣，提升用戶體驗。