Questions tagged «transition»




17
使用UIViewControllerContextTransitioning,“来自View Controller”消失
我遇到一个问题,下面已经描述了。 我正在使用UIViewControllerContextTransitioning自定义过渡。 我有2个视图控制器,第一个视图控制器和第二个视图控制器。 现在,我想用动画在第一个视图控制器上添加第二个视图控制器。我已经实现了,现在第二个视图控制器是透明的,因此我们可以在第二个视图控制器下面看到第一个视图控制器。 但是我看不到第一个视图控制器,并且只能在第二个视图控制器下方看到黑屏。 -(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 = …

9
在过渡结束时调用回调
我需要使用D3.js制作FadeOut方法(类似于jQuery)。我需要做的是使用将不透明度设置为0 transition()。 d3.select("#myid").transition().style("opacity", "0"); 问题是我需要一个回调来实现转换完成的时间。如何实现回调?


6
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,它是另一个库。该代码似乎按预期工作,添加了样式,但是过渡仅在第二种情况下有效?

4
CSS:纯CSS滚动动画
我一直在寻找一种仅使用CSS3单击位于页面顶部的按钮时向下滚动的方法。 所以我找到了本教程:http : //tympanus.net/codrops/2012/06/12/css-only-response-layout-with-smooth-transitions/ 演示:http : //tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/ 但这对于我的需求而言有点太先进了,因为我只希望浏览器单击页面顶部的一个按钮即可向下滚动,所以我想知道:是否可以在没有输入按钮的情况下进行CSS滚动,有锚标签? HTML看起来像这样: <a href="#" class="button">Learn more</a> 我已经有一些CSS,需要在单击按钮时触发: /* Button animation tryout. */ .animate { animation: moveDown 0.6s ease-in-out 0.2s backwards; } @keyframes moveDown{ 0% { transform: translateY(-40px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } }
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.