Css 如何在变换属性缩放、变换、旋转等方面提供不同的变换延迟

这不是正确的方法，我知道这已经不起作用了，这只是为了理解我的问题

div
{
    transform: rotate(0deg) translate(0);
    transition:rotate 0.2s linear, translate 0.3s linear 0.2s;
}
div:hover
{
    transform: rotate(60deg) translate(40);
}

---

根据css3标准，不可能实现您提到的相同目标。相反，你可以做这样的东西

<div class="outer">
 <div class="inner">
 </div>
</div>



.outer
{
  height:30px;
  width:30px;
  transform:translateX(0);
  transition:transform 2s linear;
}
.inner{
   width: inherit; height: inherit;
  transform: rotate(0deg);
   transition:transform 2s linear;
   background:blue
}
.outer:hover
{
  transform: translateX(140px);  
}
.outer:hover .inner
{
   transform: rotate(160deg);

}

外面的
{
高度：30px；
宽度：30px；
变换：translateX（0）；
过渡：线性变换；
}
.内部{
宽度：继承；高度：继承；
变换：旋转（0度）；
过渡：线性变换；
背景：蓝色
}
.外部：悬停
{
转化：translateX（140px）；
}
.外部：悬停。内部
{
变换：旋转（160度）；
}

感谢兄弟的评论。。但我希望在悬停事件中旋转元素，并稍微延迟将该元素转换为某个值…@MishalRai引用此更新。。为了进一步增强，只需调整过渡延迟特性，因为我不知道你问的是什么。再次感谢兄弟的快速回复，但我认为这不是解决这个问题的最好办法，为单个转换属性添加额外的div延迟plz检查此链接以获得更清楚的信息，我只想延迟转换属性，目前它发生在同一时间。