Tag: 过渡

CSS转换不适用于顶部,底部,左侧和右侧

我有一个风格的元素 position: relative; transition: all 2s ease 0s; 然后我想在点击它之后顺利地改变它的位置,但是当我添加样式改变时不会发生转变,而是元素立即移动。 $$('.omre')[0].on('click',function(){ $$(this).style({top:'200px'}); }); 但是,如果我改变color属性,例如,它会顺利改变。 $$('.omre')[0].on('click',function(){ $$(this).style({color:'red'}); }); 这可能是什么原因? 有没有“过渡性”的属性? 编辑 :我想我应该提到,这不是jQuery,这是另一个图书馆。 代码似乎按预期工作,风格正在添加,但过渡只适用于第二种情况?

错误与转换:规模和溢出:隐藏在Chrome中

使用CSS3属性transform: scale ,我发现有趣的问题。 我想为图片做一些缩放效果。 但是,当我用父div的overflow: hidden和border-radius ,子div扩展了父div的范围。 更新: 问题没有解决。 如果我添加transition ,仍然是行不通的。 我试图解决这个问题,但没有成功。 这里是一个演示

对<FirstViewController:0x2a2c00>开始/结束外观转换的不平衡调用

我有这个问题,当我模拟我的应用程序,它不是一个错误或警告,但它出现在我的控制台,有没有人曾经经历过这个?

“从视图控制器”消失使用UIViewControllerContextTransitioning

我有一个问题,我已经在下面描述。 我正在使用UIViewControllerContextTransitioning自定义转换。 我有2个视图控制器,第一个视图控制器和第二个视图控制器。 现在我想在animation的第一个视图控制器上添加secondview控制器。 我已经实现了,现在我有了secondview控制器透明,所以我们可以看到secondview控制器下面的第一个视图控制器。 但是我不能够看到第一个视图控制器,我只能看到第二个视图控制器下面的黑屏。 这是代码。 -(void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext{ self.transitionContext = transitionContext; if(self.isPresenting){ [self executePresentationAnimation:transitionContext]; } else{ [self executeDismissalAnimation:transitionContext]; } } -(void)executePresentationAnimation:(id<UIViewControllerContextTransitioning>)transitionContext{ UIView* inView = [transitionContext containerView]; UIViewController* toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey]; UIViewController* fromViewController = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey]; CGRect offScreenFrame = inView.frame; offScreenFrame.origin.y = inView.frame.size.height; toViewController.view.frame = offScreenFrame; toViewController.view.backgroundColor = [UIColor clearColor]; fromViewController.view.backgroundColor = [UIColor clearColor]; inView.backgroundColor […]

我可以更改Android的startActivity()过渡animation?

我正在开始一个活动,宁愿有一个alpha淡入为startActivity() ,淡出finish() 。 我怎样才能在Android SDK中解决这个问题?

Ember转换和渲染完成事件

是否有任何事件发生,说明过渡/渲染已经完成(并且DOM是可见的/准备好的)。 setupcontroller / activate在构build/渲染dom之前 didInsertElement只有在我已经插入一个元素的时候才会被触发,而我只是将模型切换到其下面。 我真正想要的是过渡是完整的事件 我想我可以做到这一点,但我希望它已经build成了… Ember.Router.reopen({ didTransition:function(infos) { this._super(infos); console.log('transition complete'); } }); 更酷的将是一个过渡完成的路线的callback,我可能不得不写这个,并提交拉请求。

Firefox中“0”转换的单位

为什么不在没有单位的Firefox中工作? 一旦你添加单位,它的作品。 其他主stream浏览器似乎对单位漠不关心。 据我所知,这是过渡时间'0'的唯一例子,没有单位,不工作在Firefox。 你可以看到它的工作,并与单位, 这里在JSFiddle 。 这里是没有单位的相同的确切代码,并在JSFiddle上打破 。 正如你所看到的,Firefox是唯一一个似乎打破的浏览器。 另外,这里是代码: HTML: <nav> <ul id="nav"> <li> <a href="#" id="nav1">Home</a> </li> <li> <a href="pasta.html" id="nav2">Charters</a> <ul> <li><a href="#">New Groups</a></li> <li><a href="#">Current Groups</a></li> </ul> </li> <li> <a href="same.php" id="nav3">Funding</a> <ul> <li><a href="#">Funding Guide</a></li> <li><a href="#">Get Funding</a></li> <li><a href="#">Treasurers</a></li> <li><a href="#">Calendar</a></li> </ul> </li> <li> <a href="#" id="nav4">Accounts</a> </li> […]

在转换结束时调用callback

我需要使用D3.js制作一个FadeOut方法(类似于jQuery)。 我需要做的是使用transition()将不透明度设置为0。 d3.select("#myid").transition().style("opacity", "0"); 问题是我需要一个callback来实现转换完成。 我怎样才能实现callback?