mirror of
				https://github.com/flynx/ImageGrid.git
				synced 2025-10-31 11:20:09 +00:00 
			
		
		
		
	
		
			
	
	
		
			91 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
		
		
			
		
	
	
			91 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
|  | .animated { | ||
|  | 	-webkit-transition: all 0.2s ease; | ||
|  | 	-moz-transition: all 0.2s ease; | ||
|  | 	-o-transition: all 0.2s ease; | ||
|  | 	-ms-transition: all 0.2s ease;	 | ||
|  | 	transition: all 0.2s ease; | ||
|  | } | ||
|  | 
 | ||
|  | .unanimated { | ||
|  | 	-webkit-transition: none; | ||
|  | 	-moz-transition: none; | ||
|  | 	-o-transition: all 0 ease; | ||
|  | 	-ms-transition: none;	 | ||
|  | 	transition: none; | ||
|  | } | ||
|  | 
 | ||
|  | .image { | ||
|  | 	-webkit-transition: all 0.2s ease; | ||
|  | 	-moz-transition: all 0.2s ease; | ||
|  | 	-o-transition: all 0.2s ease; | ||
|  | 	-ms-transition: all 0.2s ease;	 | ||
|  | 	transition: all 0.2s ease; | ||
|  | } | ||
|  | 
 | ||
|  | .demo-buttons { | ||
|  | 	-webkit-transition: all 0.2s ease; | ||
|  | 	-moz-transition: all 0.2s ease; | ||
|  | 	-o-transition: all 0.2s ease; | ||
|  | 	-ms-transition: all 0.2s ease;	 | ||
|  | 	transition: all 0.2s ease; | ||
|  | } | ||
|  | 
 | ||
|  | .viewer { | ||
|  | 	/* mostly to animate the background... */ | ||
|  | 	-webkit-transition: all 0.2s ease; | ||
|  | 	-moz-transition: all 0.2s ease; | ||
|  | 	-o-transition: all 0.2s ease; | ||
|  | 	-ms-transition: all 0.2s ease;	 | ||
|  | 	transition: all 0.2s ease; | ||
|  | } | ||
|  | 
 | ||
|  | 
 | ||
|  | .controller, .controller-mini { | ||
|  | 	-webkit-transition: all 0.2s ease; | ||
|  | 	-moz-transition: all 0.2s ease; | ||
|  | 	-o-transition: all 0.2s ease; | ||
|  | 	-ms-transition: all 0.2s ease;	 | ||
|  | 	transition: all 0.2s ease; | ||
|  | } | ||
|  | 
 | ||
|  | .container { | ||
|  | 	-webkit-transition: all 0.2s ease; | ||
|  | 	-moz-transition: all 0.2s ease; | ||
|  | 	-o-transition: all 0.2s ease; | ||
|  | 	-ms-transition: all 0.2s ease;	 | ||
|  | 	transition: all 0.2s ease; | ||
|  | } | ||
|  | 
 | ||
|  | 
 | ||
|  | .field { | ||
|  | 	-webkit-transition: all 0.2s ease; | ||
|  | 	-moz-transition: all 0.2s ease; | ||
|  | 	-o-transition: all 0.2s ease; | ||
|  | 	-ms-transition: all 0.2s ease;	 | ||
|  | 	transition: all 0.2s ease; | ||
|  | } | ||
|  | 
 | ||
|  | .ribbon { | ||
|  | 	-webkit-transition: all 0.2s ease; | ||
|  | 	-moz-transition: all 0.2s ease; | ||
|  | 	-o-transition: all 0.2s ease; | ||
|  | 	-ms-transition: all 0.2s ease;	 | ||
|  | 	transition: all 0.2s ease; | ||
|  | } | ||
|  | 
 | ||
|  | .new-ribbon { | ||
|  | 	-webkit-transition: all 0.2s ease; | ||
|  | 	-moz-transition: all 0.2s ease; | ||
|  | 	-o-transition: all 0.2s ease; | ||
|  | 	-ms-transition: all 0.2s ease;	 | ||
|  | 	transition: all 0.2s ease; | ||
|  | } | ||
|  | 
 | ||
|  | .current.ribbon { | ||
|  | 	-webkit-transition: all 0.2s ease; | ||
|  | 	-moz-transition: all 0.2s ease; | ||
|  | 	-o-transition: all 0.2s ease; | ||
|  | 	-ms-transition: all 0.2s ease;	 | ||
|  | 	transition: all 0.2s ease; | ||
|  | } |