在CSS3中，我們可以使用border-radius屬性和transform屬性來(lái)實(shí)現(xiàn)月牙效果。

.moon {
width: 100px;
height: 50px;
background-color: #f0f;
border-radius: 50px;
transform: rotate(135deg) translate(30px, -35px);
}

上面的代碼中，我們首先設(shè)置元素的寬度和高度，并指定背景顏色為#f0f，這里僅作為樣式的演示，可以根據(jù)實(shí)際需要修改。然后我們使用border-radius屬性設(shè)置圓角，通過(guò)給圓角設(shè)置一個(gè)較大的值，使整個(gè)元素呈現(xiàn)半圓形。為了實(shí)現(xiàn)月牙的形狀，我們使用transform屬性對(duì)元素進(jìn)行旋轉(zhuǎn)和平移。

transform: rotate(135deg) translate(30px, -35px);

這里先使用rotate(135deg)對(duì)元素進(jìn)行旋轉(zhuǎn)，讓它傾斜，并使其左右兩個(gè)端點(diǎn)分別在x和y軸上。然后使用translate(30px, -35px)進(jìn)行平移，使元素向右平移30px，向上平移35px，最后形成月牙的形狀。

總體來(lái)說(shuō)，通過(guò)CSS3中的border-radius和transform屬性，相對(duì)簡(jiǎn)單地實(shí)現(xiàn)了月牙形狀的效果，非常方便實(shí)用。