1

我有一个非常简单的场景。是以下（取自此处）：

.box {
  border-style: solid;
  border-width: 1px;
  display: block;
  width: 100px;
  height: 100px;
  background-color: #0000FF;
  -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
  transition: width 2s, height 2s, background-color 2s, transform 2s;
}

.box:hover {
  background-color: #FFCCCC;
  width: 200px;
  height: 200px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
<div class="box"></div>

在 Firefox 和 Opera 上它可以正常工作。但是在 Epiphany（在 Raspbian 上运行）上，过渡根本没有运行。元素从初始状态到最终状态，无需经过转换。

说实话，它只是在页面加载几秒钟后才开始工作。似乎有一些奇怪的触发器在某个时刻被触发，然后过渡开始起作用。动画也是如此。

那么，这里是否有一些未记录的技巧（或错误）？因为我在这上面花了很多时间，到处搜索却找不到答案。

感谢您的支持！

4

0 回答 0