CSS文本垂直淡入

我试图使文本垂直淡入，我想随着时间的推移改变行高，但不知道怎么做，有什么帮助吗

div代码：

#bigimage {
width: 270px;
height: 200px;
float: left;
text-align: center;
line-height: 200px;
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
font-size: 36px;
transition: all ease-in-out 0.2s;
cursor: pointer;
animation: fadein 2s;
-moz-animation: fadein 2s;
-webkit-animation: fadein 2s;
-o-animation: fadein 2s;    
}

---

只需添加从第一个特性移动到最后一个特性的关键帧。将其添加到样式表中

@-webkit-keyframes fadein {
    0% {line-height: 280px;}
  100% {line-height: 200px;}
}

@-moz-keyframes fadein {
    0% {line-height: 280px;}
  100% {line-height: 200px;}
}
@-o-keyframes fadein {
    0% {line-height: 280px;}
  100% {line-height: 200px;}
}
@keyframes fadein {
    0% {line-height: 280px;}
  100% {line-height: 200px;}
}

因为我将元素的css属性设置为最后一个属性，所以不需要设置fillmode

---

只需添加从第一个特性移动到最后一个特性的关键帧。将其添加到样式表中

@-webkit-keyframes fadein {
    0% {line-height: 280px;}
  100% {line-height: 200px;}
}

@-moz-keyframes fadein {
    0% {line-height: 280px;}
  100% {line-height: 200px;}
}
@-o-keyframes fadein {
    0% {line-height: 280px;}
  100% {line-height: 200px;}
}
@keyframes fadein {
    0% {line-height: 280px;}
  100% {line-height: 200px;}
}

因为我将元素的css属性设置为最后一个属性，所以不需要设置fillmode

---

当你说淡入淡出时，你的意思是移动、出现……吗？很抱歉不清楚，我的意思是让文本在出现时从线高270px移动到线高200px。我想你只能通过动作来做到这一点：我的意思是，使用

：悬停
，
：活动
，
：焦点
，。。。它很容易使用。检查。或者这些是用于悬停、单击或聚焦元素的伪类。我想做的是，当我加载页面时，文本垂直淡入，此时它只是淡入。@FranciscoCarvalho有什么帮助吗？：）当你说淡入淡出时，你的意思是移动、出现……吗？很抱歉不清楚，我的意思是让文本在出现时从线高270px移动到线高200px。我想你只能通过动作来做到这一点：我的意思是，使用
：悬停
，
：活动
，
：焦点
，。。。它很容易使用。检查。或者这些是用于悬停、单击或聚焦元素的伪类。我想做的是，当我加载页面时，文本垂直淡入，此时它只是淡入。@FranciscoCarvalho有什么帮助吗？：）