Merge pull request #464 from blackle/backflip
Make boost button spin around
This commit is contained in:
		
						commit
						1f7c0ad8d3
					
				
							
								
								
									
										
											BIN
										
									
								
								app/assets/images/boost_sprite.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								app/assets/images/boost_sprite.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 1.7 KiB  | 
@ -662,3 +662,21 @@
 | 
				
			|||||||
    border-bottom-color: #2b90d9;
 | 
					    border-bottom-color: #2b90d9;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					button i.fa-retweet {
 | 
				
			||||||
 | 
					  height: 19px;
 | 
				
			||||||
 | 
					  width: 24px;
 | 
				
			||||||
 | 
					  background: image-url('boost_sprite.png') no-repeat;
 | 
				
			||||||
 | 
					  background-position: 0 0;
 | 
				
			||||||
 | 
					  transition: background-position 0.9s steps(11);
 | 
				
			||||||
 | 
					  transition-duration: 0s;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &::before {
 | 
				
			||||||
 | 
					    display: none !important;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					button.active i.fa-retweet {
 | 
				
			||||||
 | 
					  transition-duration: 0.9s;
 | 
				
			||||||
 | 
					  background-position: 0 -209px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user