Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[tourer4778]

Hallo, ich nutze eine Vorlage von @liv-in-sky und versuche die Flussrichtung zu ändern.
Wenn ich den Wert von stroke-dashoffset: negativ mache, laufen leider alle rückwerts, aber nicht das gerade bearbeitete.
Für "loading" habe ich imme rneue Nummern vergeben.

<svg width="900" height="210">
		<path class="loading5" d="M260 20 260 5 L5 5" />
		 
 
		</svg>
		
		
		<style>
		
		.loading5 {
	fill: none;
	stroke: #fe0000;
		border-radius: 50%;
	stroke-width: 5;
	stroke-dasharray: 15 5;
	animation: strokeAni .7s infinite linear;
}

.inner {
	stroke: #c32e04;

	animation-direction: reverse;
}

@keyframes strokeAni {
	0% {
		stroke-dashoffset: 40;
	}
	100% {
		stroke-dashoffset: 0;
	}
}

		
		</style>

[liv-in-sky]

@tourer4778
probier mal alle strokeAni (zeile 16,25) in strokeAni1 umzubennen - das gilt ja auch für alle und muss begrenzt werden

[tourer4778]

@liv-in-sky
Danke, das war´s