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'));