div {
width:50px;
height:50px;
background:orange;
border:1px solid blue;
}
#dv1{
position: absolute;
left:300px;
top:100px;
}
#dv2{
position: absolute;
left:350px;
top:100px;
}
#dv3{
position: absolute;
left:400px;
top:100px;
}
#dv4{
position: absolute;
left:450px;
top:100px;
}
#dv5{
position: absolute;
left:500px;
top:100px;
}
@-webkit-keyframes "aa" {
0% {height:10%;opacity:0.1;background:rgb(10,10,10);}
25% {height:30%;opacity:0.25;background:rgb(60,10,10);}
50% {height:60%;opacity:0.5;background:rgb(110,10,10);}
75% {height:30%;opacity:0.25;background:rgb(160,10,10);}
100%{height:10%;opacity:0.1;background:rgb(210,10,10);}
}
#dv1 {-webkit-animation:"aa" 4s linear infinite 0s;}
#dv2 {-webkit-animation:"aa" 4s linear infinite 0.5s;}
#dv3 {-webkit-animation:"aa" 4s linear infinite 1s;;}
#dv4 {-webkit-animation:"aa" 4s linear infinite 1.5s;}
#dv5 {-webkit-animation:"aa" 4s linear infinite 2s;}
（1）动画进行到36秒时，最中间的div的颜色和不透明度分别是多少？