mirror of
				https://github.com/amiaopensource/ffmprovisr.git
				synced 2025-10-31 00:48:10 +01:00 
			
		
		
		
	fancy buttons with icons
This commit is contained in:
		
							
								
								
									
										37
									
								
								css/css.css
									
									
									
									
									
								
							
							
						
						
									
										37
									
								
								css/css.css
									
									
									
									
									
								
							| @@ -1,3 +1,38 @@ | ||||
| span .btn { | ||||
|   margin: 2px; | ||||
|   margin: 6px; | ||||
| } | ||||
|  | ||||
| /* Bubble Float Top */ | ||||
| span .btn { | ||||
|   display: inline-block; | ||||
|   vertical-align: middle; | ||||
|   -webkit-transform: translateZ(0); | ||||
|   transform: translateZ(0); | ||||
|   box-shadow: 0 0 1px rgba(0, 0, 0, 0); | ||||
|   -webkit-backface-visibility: hidden; | ||||
|   backface-visibility: hidden; | ||||
|   -moz-osx-font-smoothing: grayscale; | ||||
|   position: relative; | ||||
|   padding-right: 2.5em; | ||||
|   -webkit-transition-duration: 0.3s; | ||||
|   transition-duration: 0.3s; | ||||
| } | ||||
| span .btn:before { | ||||
|   content: "\f1c8"; | ||||
|   position: absolute; | ||||
|   right: 1em; | ||||
|   padding: 0 1px; | ||||
|   font-family: FontAwesome; | ||||
|   -webkit-transform: translateZ(0); | ||||
|   transform: translateZ(0); | ||||
|   -webkit-transition-duration: 0.3s; | ||||
|   transition-duration: 0.3s; | ||||
|   -webkit-transition-property: transform; | ||||
|   transition-property: transform; | ||||
|   -webkit-transition-timing-function: ease-out; | ||||
|   transition-timing-function: ease-out; | ||||
| } | ||||
| span .btn:hover:before, span .btn:focus:before, span .btn:active:before { | ||||
|   -webkit-transform: scale(1.3) translateZ(0); | ||||
|   transform: scale(1.3) translateZ(0); | ||||
| } | ||||
		Reference in New Issue
	
	Block a user