CSS3正方體怎么放進(jìn)去

在CSS3中，我們可以使用transform屬性將元素旋轉(zhuǎn)、縮放、移動(dòng)等，因此我們可以利用這個(gè)屬性將正方體放入一個(gè)容器中。

我們需要?jiǎng)?chuàng)建一個(gè)正方體，可以使用CSS3的box-shadow屬性來(lái)模擬一個(gè)正方體。

.box {
  width: 100px;
  height: 100px;
  box-shadow: 0 0 0 10px #333;
}

我們可以將正方體放入一個(gè)容器中，例如一個(gè)div元素中，我們可以使用transform屬性將正方體移動(dòng)到容器的中心位置。

.container {
  position: relative;
  width: 200px;
  height: 200px;
}
.box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

在上面的代碼中，我們將正方體移動(dòng)到容器的中心位置，使用了translate(-50%, -50%)來(lái)實(shí)現(xiàn)，這樣，正方體就會(huì)被正確地放置在容器中。