css3过渡从顶部top0px到top30px不通过伪类

可以使用以下CSS代码实现：

div {
  position: relative;
  top: 0px;
  transition: top 0.5s;
}

div:hover {
  top: 30px;
}

这段代码将一个div元素的位置设置为相对定位，初始top值为0。然后在div元素的transition属性中设置top属性的过渡时间为0.5秒。当鼠标悬停在div元素上时，top属性的值将从0过渡到30，实现了从顶部到30px的过渡效果。