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

获得css过渡值

1 个答案: