.banner .txt_right{
float: right;
margin-right: 140px;
margin-top: 200px;
text-align: center;
font-size: 40px;
color:rgb(236, 236, 236);
animation: rightEaseInAnimate 2s ease 1; /*调用动画:动画名、时间、时间线条、播放次数*/
animation-fill-mode: forwards;/*定义动画结束的状态*/
}
@keyframes rightEaseInAnimate{/*定义从右边滑入文字的动画*/
0%{transform: translateX(500px);opacity: 0;}
100%{transform:translateX(0px);opacity: 1; }
}
css3文字从两边滑入的动画
最新推荐文章于 2022-08-15 20:06:58 发布