有時候我們在設計網站的時候，希望給頁面添加一些炫酷的效果來吸引用戶。而 CSS 是一個可以實現各種酷炫效果的重要技術。下面我們來看看如何使用 CSS 實現一些效果的仿制。

1. 懸停縮放
要實現懸停縮放的效果，我們可以使用 CSS 的 transform 屬性。示例代碼如下：

.hover-shrink {
transition: transform .3s ease;
}
.hover-shrink:hover {
transform: scale(.9);
}

2. 文字描邊
文字描邊效果可以讓文本更加醒目，突出重點。示例代碼如下：

.text-stroke {
-webkit-text-stroke: 1px black;
text-stroke: 1px black;
}

3. 蒙層遮罩
蒙層遮罩效果可以讓圖片或其他元素與背景融合得更加和諧。示例代碼如下：

.overlay {
position: relative;
}
.overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
}

通過以上三個例子，我們可以看到 CSS 的強大之處。使用 CSS，我們可以輕松創建出各種酷炫效果，讓網站更加有趣，吸引人眼球。希望這些例子能夠為您的網站設計帶來一些靈感。