W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
?Transition
?函數(shù)可以接受參數(shù)。用 ?fly
? 替換?fade
? ...
<script>
import { fly } from 'svelte/transition';
let visible = true;
</script>
...并將其與一些選項一起應用于 ?<p>
? :
<p transition:fly="{{ y: 200, duration: 2000 }}">
Flies in and out
</p>
請注意,過渡是可逆的——如果您在過渡過程中切換復選框,它將從當前點開始過渡,而不是從開始或結(jié)束開始。
示例代碼
<script>
import { fly } from 'svelte/transition';
let visible = true;
</script>
<label>
<input type="checkbox" bind:checked={visible}>
visible
</label>
{#if visible}
<p transition:fly="{{ y: 200, duration: 2000 }}">
Flies in and out
</p>
{/if}
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: