Coin163

首页 > css3 - AngularJS link函数里调用CSS transition transform 是瞬发的,

css3 - AngularJS link函数里调用CSS transition transform 是瞬发的,

相关推荐:CSS3 2D Transform 详细讲解

转自:http://www.gbtags.com/gb/share/2388.htm   在一个二维或三维空间,元素可以被扭曲、移位或旋转。只不过2D变形工作在X轴和Y轴,也就是大家常说的水平轴和垂直轴;而3D变形工作在X轴和Y 轴之外,还有一个Z轴。这些3D变换不仅可以定义元素的长度和宽度,

        link: function(scope, element, attrs) {
            element.parent().find('.right').css({
                'transition': "all 0.6s linear  0s",
                'transform':"rotate(180deg)" 

        });
        }

       页面显示直接就转了180度,没有0.6秒的效果。
,

这么写试试呢?

element.parent().find('.right').css({'transition': "all 0.6s linear  0s"});
setTimeout(function(){
    element.parent().find('.right').css({'transform': "rotate(180deg)"});
});

link: function(scope, element, attrs) { element.parent().find('.right').css({ 'transition': "all 0.6s linear 0s", 'transform':"rotate(1

------分隔线----------------------------