.container { width:1000px; margin:0 auto; } @keyframes move { 0% { left:0%; opacity:0; } 70% { left:70%; opacity:1 } 100% { left:100%; opacity:0; } }.move { -webkit-animation-name:move; animation-name:move; position:relative; margin-left:-16px; } .ar-animated { -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; font-style:inherit; -webkit-animation-timing-function:linear; animation-timing-function:linear; } .ar-delay-1s { animation-delay:0.1s; } .ar-delay-2s { animation-delay:0.2s; } .ar-delay-3s { animation-delay:0.3s; } .ar-delay-4s { animation-delay:0.4s; } .ar-delay-5s { animation-delay:0.5s; } .ar-delay-6s { animation-delay:0.6s; } .ar-delay-7s { animation-delay:0.7s; } .ar-delay-8s { animation-delay:0.8s; } .ar-delay-9s { animation-delay:0.9s; } .ar-delay-10s { animation-delay:0.10s; }
更新时间:2020-11-02 10:50:22
css3箭头水平淡入淡出