prevent flicker on hover
This commit is contained in:
		| @@ -232,7 +232,8 @@ body { | |||||||
|     -webkit-transition: all 0.15s ease, background-color 0.8s ease; |     -webkit-transition: all 0.15s ease, background-color 0.8s ease; | ||||||
|             transition: all 0.15s ease, background-color 0.8s ease; |             transition: all 0.15s ease, background-color 0.8s ease; | ||||||
|     -webkit-transform-origin: 3px 50%; |     -webkit-transform-origin: 3px 50%; | ||||||
|             transform-origin: 3px 50%; } |             transform-origin: 3px 50%; | ||||||
|  |     will-change: transform; } | ||||||
|   .reveal .controls button:before { |   .reveal .controls button:before { | ||||||
|     -webkit-transform: translateX(10.5px) translateY(23px) rotate(44deg); |     -webkit-transform: translateX(10.5px) translateY(23px) rotate(44deg); | ||||||
|             transform: translateX(10.5px) translateY(23px) rotate(44deg); } |             transform: translateX(10.5px) translateY(23px) rotate(44deg); } | ||||||
| @@ -371,9 +372,9 @@ body { | |||||||
|   content: ''; |   content: ''; | ||||||
|   display: block; |   display: block; | ||||||
|   position: absolute; |   position: absolute; | ||||||
|   height: 20px; |   height: 10px; | ||||||
|   width: 100%; |   width: 100%; | ||||||
|   top: -20px; } |   top: -10px; } | ||||||
|  |  | ||||||
| .reveal .progress span { | .reveal .progress span { | ||||||
|   display: block; |   display: block; | ||||||
|   | |||||||
| @@ -299,6 +299,7 @@ body { | |||||||
|  |  | ||||||
| 		transition: all 0.15s ease, background-color 0.8s ease; | 		transition: all 0.15s ease, background-color 0.8s ease; | ||||||
| 		transform-origin: $thickness/2 50%; | 		transform-origin: $thickness/2 50%; | ||||||
|  | 		will-change: transform; | ||||||
| 	} | 	} | ||||||
|  |  | ||||||
| 	button { | 	button { | ||||||
| @@ -453,9 +454,9 @@ body { | |||||||
| 		content: ''; | 		content: ''; | ||||||
| 		display: block; | 		display: block; | ||||||
| 		position: absolute; | 		position: absolute; | ||||||
| 		height: 20px; | 		height: 10px; | ||||||
| 		width: 100%; | 		width: 100%; | ||||||
| 		top: -20px; | 		top: -10px; | ||||||
| 	} | 	} | ||||||
| 	.reveal .progress span { | 	.reveal .progress span { | ||||||
| 		display: block; | 		display: block; | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user