CSS繪制星空是一種非常有趣的技巧，它可以用CSS3的漸變和動畫效果來實現。下面是一些基本的CSS代碼來繪制星空。

.sky {
width: 100%;
height: 100vh;
background: linear-gradient(darkblue, black);
}
.stars {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.stars:before {
content: "";
display: block;
position: absolute;
z-index: 1;
width: 2px;
height: 2px;
border-radius: 50%;
background: white;
box-shadow: 0 0 2px white;
animation: animateStars 50s linear infinite;
}
@keyframes animateStars {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-100vw, -100vh);
}
}

在這個代碼中，我們首先創建了一個名為.sky的類，它設置了背景顏色實現漸變效果，使背景從深藍色到黑色的過渡變化。接下來，我們創建一個名為.stars的類，這個類的主要作用是用偽元素:before來繪制恒星。

在偽元素:before中，我們設置了一些基本的屬性，例如形狀、大小、圓角和顏色等。我們還將元素的漂移動畫效果轉換為50s的線性，并無限循環。最后，我們定義了一個關鍵幀動畫，用于描述星星的運動路徑，將它們的位置從起始點移動到坐標系的負限制，創造出一個星空的假象。

所以，只要您使用這種技術，您就可以輕松繪制出自己喜歡的星空效果。