CSS3地圖點(diǎn)落下效果是一個(gè)非常流行的特效，通過HTML和CSS的結(jié)合，可以實(shí)現(xiàn)一個(gè)比較炫酷的效果。

.map {
position: relative;
width: 600px;
height: 400px;
}
.dot {
position: absolute;
top: -25px;
left: -25px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #FF5E5E;
animation: drop 2s ease-in-out forwards;
}
@keyframes drop {
0% {
top: -100px;
}
50% {
top: 100px;
}
100% {
top: 0;
}
}

代碼中，我們首先定義了一個(gè)容器，即map類，設(shè)定其寬度和高度。接著，我們定義了一個(gè)圓點(diǎn)（即要落下的點(diǎn)），通過position:absolute將其定位在容器的左上角，寬高為50px，背景色為#FF5E5E（紅色），并給其設(shè)置了一個(gè)圓形樣式。最后，我們添加了一個(gè)名為drop的動(dòng)畫，使圓點(diǎn)像下落一樣從上方移到了容器的中心。