javascript - 获取 CSS 转换值

Question

我有这个 CSS

#main .timer img.hand {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);
    transition: transform 1.25s ease-out 0s; -webkit-transition: -webkit-transform 1.25s ease-out 0s; -moz-transition: -moz-transform 1.25s ease-out 0s; -o-transition: -o-transform 1.25s ease-out 0s;
    transform-origin: 50% 98% 0; -webkit-transform-origin: 50% 98% 0; -moz-transform-origin: 50% 98% 0; -o-transform-origin: 50% 98% 0; -ms-transform-origin: 50% 98% 0;
}

我正在尝试在 JS 中提取转换值。

var $timer = $('<img>', {'class': 'hand', 'src': 'images/timer-hand.png'});

console.log($timer.css('transition')) // returns an empty string

我也尝试过'-moz-transition' - 结果相同。

$timer.css({'transition': 'none'}); // works fine

谢谢

Answer 1

过渡 - 将四个过渡属性设置为单个属性的简写属性。

转换属性转换持续时间转换时间函数转换延迟

设置属性之一：

console.log($timer.css('transition-property'));
console.log($timer.css('transition-delay'));