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