css - 对缩放对象执行旋转过渡 CSS 3

标签 css css-transitions css-transforms cakeyframeanimation

我有一系列对象,所有这些对象都使用 css 3 转换标签具有不同的缩放值。我的问题是,当我尝试在悬停时附加动画(在本例中是旋转)时,它们会返回到原始/未缩放的值,即它们都具有相同的大小。

我正在为所有对象使用通用的关键帧动画,以节省编码时间和整洁度。

哪位大侠有解决办法?

最佳答案

确保:

  1. 关键帧没有将缩放率设置回 0 的缩放属性。
  2. 您没有错过行尾的 ;,也没有犯任何语法错误。

尝试分享您的 css 代码,以便我们找到问题。

关于css - 对缩放对象执行旋转过渡 CSS 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17638420/

相关文章:

javascript - 为什么即使 div 没有高度,transition with translate 也会占用空间?

android - 如何改造: translate element through whole screen on Android?

html - 如何保持 parent 的风格

html - iPhone iPad 页面格式问题

html - CSS 中的设计问题

jquery - 跳到 CSS3 过渡的结尾

css - 不可复制的 ie11 css/字体加载错误

angularjs - ng-animate 和 ng-if 导致过渡无法在 Internet Explorer 中播放

javascript - CSS 3D 变换

CSS3 翻转在 Internet Explorer 中不起作用