circle-claim

Darstellung

S t a u d e s i n d d i e B e s t e n
Code

Code wurde kopiert!
<div class="circle-claim-wrap" role="group" aria-label="Der Claim „Staude sind die Besten“ rotiert kreisförmig.">
<div class="circle-claim" data-animation="play-pause" id="circle-claim">
<span class="letter">S</span>
<span class="letter">t</span>
<span class="letter">a</span>
<span class="letter">u</span>
<span class="letter">d</span>
<span class="letter">e</span>
<span class="letter"></span>
<span class="letter">s</span>
<span class="letter">i</span>
<span class="letter">n</span>
<span class="letter">d</span>
<span class="letter"></span>
<span class="letter">d</span>
<span class="letter">i</span>
<span class="letter">e</span>
<span class="letter"></span>
<span class="letter text-highlight">B</span>
<span class="letter text-highlight">e</span>
<span class="letter text-highlight">s</span>
<span class="letter text-highlight">t</span>
<span class="letter text-highlight">e</span>
<span class="letter text-highlight">n</span>
</div>
<button class="btn-icon btn-playpause on" data-animation="play-pause" data-paused="circle-claim" aria-label="Animation pausieren" aria-pressed="true">
<span class="icn paused" aria-hidden="true"></span>
</button>
</div>