Zum Hauptinhalt springen

btn-playpause

Darstellung

Beispiel

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="three-cols">
<section class="env-sur">
<button class="btn-playpause on" data-animation="play-pause" data-paused="circle-claim" aria-label="Animation pausieren" aria-pressed="true">
<div class="icon-top">
<span class="icn paused" aria-label="Icon"></span>
</div>
</button>
</section>

<section class="env-main">
<button class="btn-playpause on" data-animation="play-pause" data-paused="circle-claim" aria-label="Animation pausieren" aria-pressed="true">
<div class="icon-top">
<span class="icn paused" aria-label="Icon"></span>
</div>
</button>
</section>

<section class="env-sec">
<button class="btn-playpause on" data-animation="play-pause" data-paused="circle-claim" aria-label="Animation pausieren" aria-pressed="true">
<div class="icon-top">
<span class="icn paused" aria-label="Icon"></span>
</div>
</button>
</section>

</div>

<hr>
<h3>Beispiel</h3>
<section class="env-sur bg-sur">
    <article class="section-content">
        <div class="circle-claim-wrap">
            <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">b</span>
                <span class="letter">e</span>
                <span class="letter">s</span>
                <span class="letter">t</span>
                <span class="letter">e</span>
                <span class="letter">n</span>
            </div>
        </div>

</article>
<button class="btn-playpause on" data-animation="play-pause" data-paused="circle-claim" aria-label="Animation pausieren" aria-pressed="true">
<div class="icon-top">
<span class="icn paused" aria-label="Icon"></span>
</div>
</button>
</section>