CSS-animation, make the graphics on the picture rise (gradually become high) and (gradually growing)

Effects:

Share pictures

< p>

html:

css:

.inner3{
margin-top: 20px;
width: 890px;
height:169px;
background: url(../image/kuang33.png) no-repeat;< br>}
.over{
position: absolute;
bottom: 32px;
left: 0;
height: 0;
width: 880px;
overflow: hidden;
animation: zt 2s ease 0.5s forwards span>;
}
.inner3 img{
margin-top: 12px;
margin-left: 63px;
height: 126px;
width: 810px;
position: absolute;
bottom: 0;
}

@keyframes zt {0% {height: 0;} 100% {height: 136px;}}

Leave a Comment

Your email address will not be published.