#CSS
[[@keyframes]]を使う。フェードアウトは[[animation-fill-mode]]に`forwards`を設定するのがポイント。
```css
.anime.active {
animation: fadeIn 1s ease;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.anime:not(.active) {
animation: fadeOut 1s forwards;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
```