mirror of
				https://github.com/DerTyp7/obs-twitch-camera-frame.git
				synced 2025-10-31 05:37:13 +01:00 
			
		
		
		
	Compare commits
	
		
			10 Commits
		
	
	
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
|   | 5dd6bbf290 | ||
|   | a45f99ecd3 | ||
|   | 14079a997e | ||
|   | 23044c320d | ||
|   | ae6d3f0ebf | ||
|   | 832aa9beb0 | ||
|   | 7bb209a8d6 | ||
|   | 85501820f1 | ||
|   | b12a9742f1 | ||
|   | 9de4c7fc03 | 
							
								
								
									
										1
									
								
								.gitignore
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								.gitignore
									
									
									
									
										vendored
									
									
										Normal file
									
								
							| @@ -0,0 +1 @@ | |||||||
|  | config.js | ||||||
| @@ -1,13 +1,5 @@ | |||||||
| @keyframes subAnimation { | @keyframes subAnimation { | ||||||
| 	0% { | 	0% { | ||||||
| 		border-image: linear-gradient( |  | ||||||
| 				to top, |  | ||||||
| 				var(--border-color-1), |  | ||||||
| 				var(--border-color-2) |  | ||||||
| 			) |  | ||||||
| 			1; |  | ||||||
| 	} |  | ||||||
| 	10% { |  | ||||||
| 		border-image: linear-gradient( | 		border-image: linear-gradient( | ||||||
| 				to top, | 				to top, | ||||||
| 				var(--border-color-flash-1), | 				var(--border-color-flash-1), | ||||||
| @@ -23,7 +15,7 @@ | |||||||
| 			) | 			) | ||||||
| 			1; | 			1; | ||||||
| 	} | 	} | ||||||
| 	80% { | 	100% { | ||||||
| 		border-image: linear-gradient( | 		border-image: linear-gradient( | ||||||
| 				to top, | 				to top, | ||||||
| 				var(--border-color-flash-1), | 				var(--border-color-flash-1), | ||||||
| @@ -31,14 +23,6 @@ | |||||||
| 			) | 			) | ||||||
| 			1; | 			1; | ||||||
| 	} | 	} | ||||||
| 	100% { |  | ||||||
| 		border-image: linear-gradient( |  | ||||||
| 				to top, |  | ||||||
| 				var(--border-color-2), |  | ||||||
| 				var(--border-color-1) |  | ||||||
| 			) |  | ||||||
| 			1; |  | ||||||
| 	} |  | ||||||
| } | } | ||||||
|  |  | ||||||
| @keyframes borderAnimation { | @keyframes borderAnimation { | ||||||
| @@ -82,18 +66,12 @@ | |||||||
|  |  | ||||||
| @keyframes backgroundSubAnimation { | @keyframes backgroundSubAnimation { | ||||||
| 	0% { | 	0% { | ||||||
| 		background: var(--border-color-1); |  | ||||||
| 	} |  | ||||||
| 	10% { |  | ||||||
| 		background: var(--border-color-flash-1); | 		background: var(--border-color-flash-1); | ||||||
| 	} | 	} | ||||||
| 	50% { | 	50% { | ||||||
| 		background: var(--border-color-flash-2); | 		background: var(--border-color-flash-2); | ||||||
| 	} | 	} | ||||||
| 	80% { | 	100% { | ||||||
| 		background: var(--border-color-flash-1); | 		background: var(--border-color-flash-1); | ||||||
| 	} | 	} | ||||||
| 	100% { |  | ||||||
| 		background: var(--border-color-2); |  | ||||||
| 	} |  | ||||||
| } | } | ||||||
|   | |||||||
| @@ -1,7 +1,7 @@ | |||||||
| :root { | :root { | ||||||
| 	--border-color-1: rgb(139, 0, 0); | 	--border-color-1: rgb(113, 0, 0); | ||||||
| 	--border-color-2: rgb(255, 74, 74); | 	--border-color-2: rgb(235, 19, 19); | ||||||
|  |  | ||||||
| 	--border-color-flash-1: rgb(220, 32, 15); | 	--border-color-flash-1: rgb(255, 27, 6); | ||||||
| 	--border-color-flash-2: rgb(210, 220, 15); | 	--border-color-flash-2: rgb(208, 218, 20); | ||||||
| } | } | ||||||
|   | |||||||
| @@ -31,6 +31,6 @@ function sub(subName) { | |||||||
| 		subCount.style.animationDuration = "20s"; | 		subCount.style.animationDuration = "20s"; | ||||||
| 		subCount.innerText = subCountNumber; | 		subCount.innerText = subCountNumber; | ||||||
| 		updateSubCount(); | 		updateSubCount(); | ||||||
| 	}, 2000); | 	}, 11000); | ||||||
| } | } | ||||||
| updateSubCount(); | updateSubCount(); | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user