Added pulsing effect to timeline elements that are still in progress

2023-10-26 13:19:46 +01:00
parent 2e07de0e71
commit 278fc640ce
2 changed files with 34 additions and 1 deletions
--- a/src/app.html
+++ b/src/app.html
@ -133,6 +133,33 @@
 			.button:hover {
 				box-shadow: .3em .3em .3em var(--header);    
 			}
+
+			@keyframes animationName {
+				0%   { opacity:0; }
+				50%  { opacity:1; }
+				100% { opacity:0; }
+			}
+				@-o-keyframes animationName{
+				0%   { opacity:0; }
+				50%  { opacity:1; }
+				100% { opacity:0; }
+			}
+				@-moz-keyframes animationName{
+				0%   { opacity:0; }
+				50%  { opacity:1; }
+				100% { opacity:0; }
+			}
+				@-webkit-keyframes animationName{
+				0%   { opacity:0; }
+				50%  { opacity:1; }
+				100% { opacity:0; }
+			}   
+			.elementToFadeInAndOut {
+				-webkit-animation: animationName 1.5s infinite;
+				-moz-animation: animationName 1.5s infinite;
+				-o-animation: animationName 1.5s infinite;
+				animation: animationName 1.5s infinite;
+			}
 		</style>
 	</head>
 	<body data-sveltekit-preload-data="hover">