CSS 菜單特效是網(wǎng)站設(shè)計(jì)中常見的一種元素，它可以讓網(wǎng)站看起來更加美觀和專業(yè)。下面我們將介紹一些常見的 CSS 菜單特效。

/* 1. 鼠標(biāo)懸停效果 */
.nav a:hover {
color: #fff;
background-color: #000;
}
/* 2. 下拉菜單效果 */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
/* 3. 菜單滑動效果 */
.nav li {
transition: transform 0.3s;
}
.nav li:hover {
transform: translateY(-10px);
}
/* 4. 菜單展開效果 */
.toggle-menu {
display: none;
}
@media screen and (max-width: 768px) {
.toggle-menu {
display: block;
}
.nav {
display: none;
}
.nav.active {
display: block;
}
}
/* 5. 菜單斜線效果 */
.nav li {
position: relative;
overflow: hidden;
}
.nav li:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 100%;
background-color: #000;
transform-origin: right bottom;
transition: transform 0.3s;
}
.nav li:hover:before {
transform: skew(-20deg);
width: 100%;
}
.nav li a {
position: relative;
z-index: 1;
}

以上是常見的一些 CSS 菜單特效，希望可以為大家的網(wǎng)站設(shè)計(jì)提供一些靈感。