嗨，我正在把CSS幻燈片從SASS改寫成tailwind。到目前為止一切順利。 但是當(dāng)談到符號時，我就卡住了。

我基本上做的是我采取了以下SASS:

&--hero {
    z-index: 3;
    left: 0;
    top: 50%;
    height: 85%;
    transform: translateY(-50%) skewY(-10deg);
    transform-origin: center;
    overflow: hidden;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);

并把它改寫成:

<div className="z-30 left-0 top-2/4 h-85/1 -translate-y-2/4 -skew-y-12 origin-center shadow-sm"> </div>

然而不幸的是，我不能達(dá)到同樣的效果。我從上到下一步一步地重寫它，我成功地重寫了兩個CSS類。但是下一個& quot幻燈片放映幻燈片放映-英雄& quot我不知道如何用&符號重寫。因?yàn)槲业膰L試不起作用。

<div className="relative h-screen h-screen overflow-hidden">
  <div className="position-absolute top-0 left-2/4 w-full h-full translate-x-0">
    <div className="slideshow slideshow--hero">
      <div className="mainslides">
        <div className="slide slide1"></div>
        <div className="slide slide2"></div>
        <div className="slide slide3"></div>
      </div>
    </div>
    <div className="slideshow slideshow--contrast slideshow--contrast--before">
      <div className="secondslides">
        <div className="slide slide1"></div>
        <div className="slide slide2"></div>
        <div className="slide slide3"></div>
      </div>
    </div>
    <div className="slideshow slideshow--contrast slideshow--contrast--after">
      <div className="thirdslides">
        <div className="slide slide1"></div>
        <div className="slide slide2"></div>
        <div className="slide slide3"></div>
      </div>
    </div>
  </div>
</div>

有什么幫助或建議嗎？