CSS（Cascading Style Sheets）是一種用于定義網頁樣式的語言。其中，透明水晶效果是指一種邊框外圍有一層透明背景顏色的效果，通常用于圖片或容器的邊框。

/* 透明水晶邊框 */
.transparent-border {
border: 1px solid rgba(255, 255, 255, 0.5); /* 邊框為1像素，顏色為半透明白色 */
background-clip: padding-box; /* 這個屬性可以產生內邊距，padding-box表示裁剪到內邊距處 */
-webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2); /* 在邊框里繪制一個模糊的背景框，效果就是透明水晶 */
box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
}

以上代碼中，我們可以通過border屬性定義邊框并設置半透明顏色。background-clip屬性可以將背景限制在padding-box內，從而保證背景只顯示在邊框內部。最后，使用box-shadow屬性來繪制半透明背景以達到透明水晶的效果。

透明水晶效果的使用可以使圖片或容器更具美感，提升網站的視覺體驗。但需要注意的是，透明水晶效果過度使用會使網頁顯得過于花哨，影響用戶體驗。適當使用，在適當的地方使用，才能達到更好的呈現效果。