transition

Page transition animations with Angular 2.0 router and component interface promises

匿名 (未验证) 提交于 2019-12-03 03:05:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 由 翻译 强力驱动 问题: In Angular 1.x we can use ngAnimate to detect when we are leaving or entering a particular route. Furthermore we are able to apply behaviors to them: animateApp . animation ( '.myElement' , function (){ return { enter : function ( element , done ) { //Do something on enter }, leave : function ( element , done ) { //Do something on leave } }; )}; Resulting in a product like this: http://embed.plnkr.co/uW4v9T/preview I would like to do something similar with Angular 2.0 and I feel like I'm pretty close... So here goes, I've created a

CSS3 Fade Effect

匿名 (未验证) 提交于 2019-12-03 03:03:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: a { float: left; width: 32px; height: 32px; text-align: left; text-indent:-9999px; background: url('../img/button.png') no-repeat 0 0; -webkit-transition: background 300ms ease-in 2s; /* property duration timing-function delay */ -moz-transition: background 300ms ease-in 2s; -o-transition: background 300ms ease-in 2s; transition: background 300ms ease-in 2s; -webkit-transition-property: background; -webkit-transition-duration: 300ms; -webkit-transition-timing-function: ease-in; -webkit-transition-delay: 100ms; -moz-transition-property:

Make a parent div webkit-filter not affect children

匿名 (未验证) 提交于 2019-12-03 02:56:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I'm using a very fancy webkit filter to make background-images grayscale, and on hover over the images become color. Here's the filter filter: none; -webkit-filter: grayscale(0); transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; As you can see, there's even a 'transition' property so that the image has a smooth fading transition into full color. The problem that I'm having is that the div I'm applying it to is also affecting the child text positioned inside the div,

collapse transition not working with angular's UI Bootstrap

匿名 (未验证) 提交于 2019-12-03 02:56:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I'm trying to create a div which will show / hide when a button is clicked. The UI Bootstrap page shows a nice simple example that uses a css transition. Here's my fiddle where I copy their code, almost exactly (slight change to make html syntax highlighting work, and a line to declare my "app" in the js). As you can see, it doesn't work as in the example -- there is no transition. Why not? Maybe a css transition rule is needed -- but isn't that part of what bootstrap.css provides? for posterity, the equivalent html file from the fiddle

Bypassing transition and changing a property instantly

匿名 (未验证) 提交于 2019-12-03 02:56:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I want to bypass CSS transition and change a property instantly. I tried to set transition-duration to 0s before the change and then set transition-duration back to its original value: Fiddle This obviously doesn't work. I understand that the spec does not define that behavior for this: Since this specification does not define when computed values change, and thus what changes to computed values are considered simultaneous, authors should be aware that changing any of the transition properties a small amount of time after making a change

iOS 7 custom transition glitch

匿名 (未验证) 提交于 2019-12-03 02:52:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: This video shows the issue I am having. http://www.youtube.com/watch?v=C9od_2KZAbs I am attempting to create a custom push interactive transition using a UIPanGestureRecognizer. I have an interactive transition delegate (using UIPercentDrivenInteractiveTransition) and a transition animator. Here is how the pan gesture controls the transition: - (void) panGestureRecognized:(UIPanGestureRecognizer *) gestureRecogznier { CGPoint translation = [gestureRecogznier translationInView:gestureRecogznier.view]; if (gestureRecogznier.state ==

UINavigationBar custom transition animation

匿名 (未验证) 提交于 2019-12-03 02:51:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I've created custom transitions between view controllers using the following protocols: UIViewControllerAnimatedTransitioning and UIViewControllerTransitioningDelegate Is it possible using the default UINavigationBar , to create custom transitions for the titles, right now they simply crossfade between view controllers, Or do i have to built my own navigation bar view from scratch? 回答1: WWDC 2013 video #218 indicates that all custom transitions will crossfade the navigation bar, and that there's no way to customize this behavior. 回答2: If

Slide transition animation in a ActivityGroup on Android

匿名 (未验证) 提交于 2019-12-03 02:50:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I want to add slide transition animation while changing activities within a ActivityGroup. I have used following function to change activities using intent: public void replaceContentView(String id, Intent newIntent) { View view = getLocalActivityManager().startActivity(id, newIntent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP)) .getDecorView(); history.add(view); this.setContentView(view); } Any suggestion how can I do that? 回答1: add animation to the view Example public void replaceContentView(String id, Intent newIntent) { View view =

Draggable JS Bootstrap modal - performance issues

匿名 (未验证) 提交于 2019-12-03 02:45:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 由 翻译 强力驱动 问题: For a project at work we use Bootstrap Modal windows in JavaScript. We would like to make some of the windows movable, but we are running into performance issues with JQuery. $ ( "#myModal" ). draggable ({ handle : ".modal-header" }); Example , Source . In IE9, it works as expected. In Chrome, horizontal dragging works as expected, and vertical dragging is rather slow but not problematic. In Firefox, horizontal dragging works as expected, but vertical dragging is extremely slow. It's strange, because the example window is not

Custom Container Controller: transitionFromViewController: View not properly layed-out before animation

匿名 (未验证) 提交于 2019-12-03 02:44:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: This is both a question and a partial solution. *Sample project here: https://github.com/JosephLin/TransitionTest Problem 1: When using transitionFromViewController:... , layouts done by the toViewController 's viewWillAppear: doesn't show up when the transition animation begins. In other words, the pre-layout view shows during the animation, and it's contents snap to the post-layout positions after the animation. Problem 2: If I customize the background of my navbar's UIBarButtonItem , the bar button shows up with the wrong size/position