Update sequential-entrance.vue
This commit is contained in:
		
							parent
							
								
									742889a035
								
							
						
					
					
						commit
						92f765bc47
					
				
					 1 changed files with 3 additions and 3 deletions
				
			
		|  | @ -45,7 +45,7 @@ export default Vue.extend({ | |||
| 
 | ||||
| <style lang="scss"> | ||||
| .staggered-move { | ||||
| 	transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) !important; | ||||
| 	transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) !important; | ||||
| } | ||||
| 
 | ||||
| .uupnnhew[data-direction="up"] { | ||||
|  | @ -65,7 +65,7 @@ export default Vue.extend({ | |||
| .uupnnhew[data-reversed="true"] { | ||||
| 	@for $i from 1 through 30 { | ||||
| 		.staggered-enter-active:nth-last-child(#{$i}) { | ||||
| 			transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1)); | ||||
| 			transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1)), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1)); | ||||
| 		} | ||||
| 	} | ||||
| } | ||||
|  | @ -73,7 +73,7 @@ export default Vue.extend({ | |||
| .uupnnhew[data-reversed="false"] { | ||||
| 	@for $i from 1 through 30 { | ||||
| 		.staggered-enter-active:nth-child(#{$i}) { | ||||
| 			transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1)); | ||||
| 			transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1)), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) (15ms * ($i - 1)); | ||||
| 		} | ||||
| 	} | ||||
| } | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue