ct the animation direction">
            <sl-option *each="['normal', 'reverse', 'alternate', 'alternate-reverse']" *value="item">${ item
                }</sl-option>
        </sl-select>
        <sl-select label="Fill" *value="fill" placeholder="select the animation fill mode">
            <sl-option *each="['none', 'forwards', 'backwards', 'both']" *value="item">${ item }</sl-option>
        </sl-select>
        <sl-input label="Duration" type="number" min="500" max="10000" step="100" *value="duration"><