```html <transition name="fade"> <div class="fade-item">hoge</div> </transition> ``` ```css <style scoped> .fade-item { transition: all 0.8s ease; } .fade-enter-from, .fade-leave-to { opacity: 0; } .fade-enter-to, .fade-leave-from { opacity: 1; } </style> ``` ## MOC - [[Vue3でリストのトランジション・アニメーション]]