{#if visible}
<div transition:foo></div>
{/if}
<script>
export default {
transitions: {
foo() {
return {
duration: 100,
css: t => {
return `opacity: ${t}`;
}
};
</script>