CSS3是一種非常強大的前端技術，其中有很多令人興奮的騷操作，讓我們來一一探究。

1.邊框動畫特效：

button:hover {
border: 2px solid transparent;
background-image: linear-gradient(to top, #f9f9f9 0%, #fff 100%);
background-origin: border-box;
background-clip: content-box, border-box;
transition: all 0.3s ease-out;
}

2.文字漸變效果：

h2 {
background-image: linear-gradient(to right, #1d3f72, #0052d4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

3.彈出式圖像：

img:hover {
transform: scale(1.5);
position: relative;
z-index: 999;
}

4.文字陰影重影效果：

h2 {
text-shadow: -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff;
}

5.照片墻效果：

img {
width: 200px;
height: 200px;
margin: 10px;
border: 10px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
transition: all .2s ease-in-out;
}
img:hover {
transform: scale(1.1);
box-shadow: 0 0 15px rgba(0,0,0,0.6);
}

以上是CSS3騷操作的幾個示例，當然，還有更多的神奇效果等待你去發現。