OKADA LABO

css display:none で transitionは効かないから、代わりにこうする。

jsでclassを追加して、ふわっと要素を消したいとき

// display:block状態
.hoge{
visibility: visible;
    opacity: 1;
}


// ふわっとdisplay:none状態にする
.hoge.hide{
	transition: 1s;
    visibility: hidden;
    opacity: 0;
}