过渡结束时应用 CSS 属性

Question

如何在 CSS3 过渡结束 后将 声明的属性应用于元素？我有类似的东西：

 .something {
  background: blue;
  padding: 10px 0px;
  background-clip: content-box;
  transition: box-shadow 300ms;
}
.something:hover {
  box-shadow: 0px 0px 3px blue;
  padding: 0px;
  margin: 10px 0px;
}

我希望在 300 毫秒内完成转换后应用 :hover 声明中的填充和边距属性。

原文由 Sam 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

当使用@Duncan Beattie 的解决方案时，一个属性将覆盖另一个属性。这应该有效：

 transition: box-shadow 300ms linear, padding 300ms linear 400ms;

句法：

 transition: [property] [duration] [timing-function] [delay], ... more property-transitions

原文由 Manfred Schmitt 发布，翻译遵循 CC BY-SA 4.0 许可协议