在網頁設計中，CSS是必不可少的一部分，通過巧妙的運用CSS，我們可以打造出各種看起來炫酷的頁面效果。下面，我們就來分享一些CSS炫酷小代碼。

/* 雙倍邊框 */
border: 3px solid #000;
outline: 3px solid #fff;

這段代碼可以制作出雙倍邊框的效果，外部一圈是白色的，內部一圈是黑色的，看起來分明而不雜亂。

/* 文字描邊 */
-webkit-text-stroke: 1px black;
text-stroke: 1px black;
color: transparent;

這段代碼可以讓文本描上一層黑色邊框，彰顯出文字的重要性，同時不會顯得過于突兀。

/* 漸變動畫 */
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

這段代碼實現了一個動態的漸變背景，可以通過與你的WEB內容契合來創造有趣的效果。

/* 3D翻轉 */
transform-style: preserve-3d;
transition: all 1s;
&.active {
transform: rotateY(180deg);
}

使用這段代碼，你可以實現一個具有魔幻感覺的翻轉效果，當鼠標點擊時，整個元素都會翻轉。

這便是幾個炫酷小代碼的分享，希望你在使用CSS時能靈活運用，制作出更加美麗的頁面效果。