在CSS中，我們可以通過(guò)設(shè)置動(dòng)畫(huà)來(lái)實(shí)現(xiàn)硬幣的翻轉(zhuǎn)效果，并且控制動(dòng)畫(huà)只執(zhí)行一次，下面是一個(gè)簡(jiǎn)單的示例代碼：

HTML部分：

<div class="coin">
  <div class="front">正面</div>
  <div class="back">反面</div>
</div>

CSS部分：

.coin {
  position: relative;
  width: 100px;
  height: 100px;
  animation: flip once 2s;
}
.front, .back {
  position: absolute;
  width: 100%;
  height: 100%;
}
.front {
  background: #888;
}
.back {
  background: #555;
}
@keyframes flip {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(180deg);
  }
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為flip的動(dòng)畫(huà)，該動(dòng)畫(huà)會(huì)將.coin元素從初始的rotateY(0deg)狀態(tài)翻轉(zhuǎn)到rotateY(180deg)狀態(tài)。animation屬性中的once關(guān)鍵字表示該動(dòng)畫(huà)只會(huì)執(zhí)行一次，而不是循環(huán)播放，我們還設(shè)置了動(dòng)畫(huà)的持續(xù)時(shí)間為2秒，可以根據(jù)需要調(diào)整。