transition

行星运行轨道效果

别来无恙 提交于 2019-12-01 07:45:57
1 <!DOCTYPE html> 2 <html lang="zh"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1" /> 7 <title>CSS3实现星系轨道旋转特效</title> 8 <link rel="stylesheet" type="text/css" href="base.css"> 9 </head> 10 11 <body> 12 <div class="xx"> 13 <div class="center"> 14 <div class="ui_base1 u_p3d"> 15 <div class="base u_p3d"> 16 <div class="pan"></div> 17 <div class="ball_base u_p3d ball_1"> 18 <div class="ball">火星</div> 19 </div> 20 <div class="ball_base u_p3d ball_2"> 21 <div class="ball">水星</div> 22 </div> 23 <div class="ball_base u_p3d ball_3"> 24 <div

UIModalTransitionStylePartialCurl half page

岁酱吖の 提交于 2019-12-01 06:28:04
I'm displaying an UIViewController by the following way: MyViewController *myVc = [[MyViewController alloc] initWithNibName:@"MyViewController" bundle:nil]; [myVc setModalTransitionStyle:UIModalTransitionStylePartialCurl]; [self presentModalViewController:myVc animated:YES]; If I'm drawing the MyViewController 's view the transition affect only half a page (What I do want). In my case I'm drawing the entire MyViewController 's view so the transition takes affect at the entire view If I'm drawing only half a view the transition takes affect on half of the screen but I still have 'dead area'

Circle-packing diagram - transition between two set of values

☆樱花仙子☆ 提交于 2019-12-01 05:51:57
问题 I have a diagram very similar to circle packing At some point, a user wants to see some different data. Obviously, a different diagram can be displayed immediately, but transition would be much better from perception and cognition point of view. NOTE: The hierarchical structure remains the same, there is no new or deleted nodes, just underlying values that determine circle size change. What would be the good way to implement such smooth transition between two circle pack graphs of the same

Android’s overridePendingTransition and singleInstance

这一生的挚爱 提交于 2019-12-01 05:42:33
I am stuck on an issue with overridePendingTransition not working after changing an activity’s launchMode to ‘singleInstance’. I’d love to hear your inputs on it I am working on an app to navigate through a deck of cards. To keep things simple, let’s assume the App contains two activities card_deck and card . Tapping anywhere on the card_deck activity opens a card activity. You could then swipe left or right on the card activity to open the next/previous card from the deck. I have a neat enter and exit animation that occurs on swiping through card . Here is how the android activity stack would

Recursive/recurring animation events in D3

白昼怎懂夜的黑 提交于 2019-12-01 05:26:03
问题 I'm trying to make recurring transitions in D3 that will keep repeating indefinitely. Specifically, I'm working with a map and I want the background stars to occasionally flicker. The problem with transitions is that it appears they're all run ahead of time, so it will try to do the infinite recursion ahead of time and the page will never load. I found a related example (recursive d3 animation issue) that isn't infinite. My only other idea is to somehow use the d3 timer, but I'm not entirely

How can I set an entire view's alpha value in api level 7 (Android 2.1)

十年热恋 提交于 2019-12-01 04:59:01
问题 I have an arbitrary view that I want to fade in on top of another view. In api level 11 I see there is a setAlpha, but I'm stuck supporting api level 7. I haven't run across a simple way to do this. How can I set the alpha for the entire view without messing with each individual component? 回答1: You should be able to achieve a reasonable effect using an AlphaAnimation at API level 7. View v = findViewById(R.id.view2); AlphaAnimation aa = new AlphaAnimation(0f,1f); aa.setDuration(5000); v

CSS动画,2D和3D模块

爷,独闯天下 提交于 2019-12-01 04:50:27
CSS3提供了丰富的动画类属性,使我们可以不通过flash甚至JavaScript,就能实现很多动态的效果。它们主要分为三大类:transform(变换),transition(过渡),animation(动画)。其中transform又分为2D变换和3D变换,它赋予了我们不通过专业设计软件制作平面或者立体图形的能力。 一  过渡   通过给元素设置transition属性设置它的过渡效果。过渡实际定义的是元素从一种状态变成另一种状态的过程,比如宽度从100px变成300px,背景颜色从red变成orange等等。 1 div{ 2 width:200px; 3 height:200px; 4 background-color:red; 5 transition-property:width,background-color; 6 /*该属性指定需要变换的元素属性,不同属性用逗号隔开*/ 7 transition-duration:1s; 8 /*该属性指定整个过程花费的时间,如需单独为每个变化的属性设置时间,请使用逗号隔开*/ 9 transition-timing-function:ease; 10 /*该属性设置变化的速度曲线,默认值即是ease,表示慢-快-慢,还有几个其他的取值:linear,匀速;ease-in,慢-快,ease-out,快-慢,ease-in-out

UIModalTransitionStylePartialCurl half page

筅森魡賤 提交于 2019-12-01 04:09:56
问题 I'm displaying an UIViewController by the following way: MyViewController *myVc = [[MyViewController alloc] initWithNibName:@"MyViewController" bundle:nil]; [myVc setModalTransitionStyle:UIModalTransitionStylePartialCurl]; [self presentModalViewController:myVc animated:YES]; If I'm drawing the MyViewController 's view the transition affect only half a page (What I do want). In my case I'm drawing the entire MyViewController 's view so the transition takes affect at the entire view If I'm

Android’s overridePendingTransition and singleInstance

这一生的挚爱 提交于 2019-12-01 03:07:58
问题 I am stuck on an issue with overridePendingTransition not working after changing an activity’s launchMode to ‘singleInstance’. I’d love to hear your inputs on it I am working on an app to navigate through a deck of cards. To keep things simple, let’s assume the App contains two activities card_deck and card . Tapping anywhere on the card_deck activity opens a card activity. You could then swipe left or right on the card activity to open the next/previous card from the deck. I have a neat

JavaFX Transition animation waiting

主宰稳场 提交于 2019-12-01 01:44:06
so quicky, I am doing program which demonstrate methods used for computer graph drawing. I need to create timeline or history of actions like ( placeVertex(x,y), moveVertex(newX,newY) etc. ) and iterate through (forward and backwards, automatically or manual) I already achieved that by using command design pattern but few of these commands are using transitions. First idea was to use Condition interface's lock, await and signal in setOnFinished between each commands but it led to gui freezing. I tryed SequentialTransition but it's no use for my problem - can't change properties dynamically