dd{
transform: translateY(-16px);
opacity: 0;
transition: opacity .3s,transform 0.3s;
}

dl>div.appear dd{
transform: none;
opacity: 1;
}

というようにはできないのでしょうか？
なぜできないのかがよくわかりません。