CSS是Web開發中不可或缺的一部分，今天我們來探討一下CSS中的交互技巧。

所謂交互，就是用戶與網站或應用程序之間的互動。CSS為我們提供了許多交互效果，讓網站更加生動有趣。

下面給大家介紹幾個常用的CSS交互技巧：

/*1、鼠標懸停效果 */
button:hover{
background-color: #FFA500;
color: white;
box-shadow: 0 0 5px #FFA500;
}
/*2、展開菜單效果*/
ul li:hover ul{
display:block;
}
/*3、彈出框效果*/
.popup{
display:none;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border:1px solid black;
background-color:white;
padding:20px;
box-shadow:0 0 5px black;
}
.popup:target{
display:block;
}
/*4、旋轉效果*/
.rotate{
animation-name:spin;
animation-duration:3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}
@keyframes spin{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(360deg);
}
}

以上是一些常見的CSS交互技巧，可以幫助我們更好地實現用戶與網站之間的互動。當然，這只是冰山一角，CSS中還有許多強大的交互效果等待我們去挖掘和嘗試。