CSS明暗特效是指使用CSS讓網頁元素的顏色有漸變效果，從而提升頁面的美觀度和視覺效果。以下是幾個CSS明暗特效的示例。

/* 示例一：線性漸變 */
background: linear-gradient(to bottom, #ffffff 0%, #000000 100%);
/* 這個CSS樣式生成一個從白色到黑色的線性漸變背景，從上到下呈現 */
/* 示例二：半透明黑色遮罩 */
background-color: rgba(0,0,0,0.5);
/* 這個CSS樣式讓背景顏色變為半透明黑色，常常用于覆蓋在圖片上面作為遮罩使用 */
/* 示例三：box-shadow陰影效果 */
box-shadow: 0 0 10px rgba(0,0,0,0.5);
/* 這個CSS樣式讓元素投影出一層類似陰影的效果，從而增加了立體感和層次感 */
/* 示例四：濾鏡效果 */
filter: brightness(50%);
/* 這個CSS樣式讓元素的亮度減低為50%，從而讓元素呈現暗色調 */
/* 示例五：背景覆蓋層 */
background: url(overlay-pattern.png), #000000;
/* 這個CSS樣式將圖片作為背景覆蓋層，然后再加一個黑色的背景顏色作為底色 */

總之，使用CSS明暗特效可以讓網頁元素變得更加生動有趣，同時也能夠增加網頁的視覺效果和吸引力。