abbas27
چهارشنبه 29 بهمن 1393, 11:50 صبح
سلام دوستان-من قطعه کد زیر رو نوشتم که یه اسلاید هست.این دستورات در IEوmozilaبه درستی کار میکنه اما در Chromium و opera جواب نمیده.
<style>
#box{
width:940px;height:150px;background-color:#DFCDCD;margin:auto;
overflow:hidden;
}
#slider{
width:2820px;
animation:slider 15s infinite;
}
@keyframes slider{
0%{margin-left:0px;}
10%{margin-left:0px;}
20%{margin-left:-940px;}
30%{margin-left:-940px;}
40%{margin-left:-1880px;}
50%{margin-left:-1880px;}
100%{margin-left:0px;}
}
</style>
<style>
#box{
width:940px;height:150px;background-color:#DFCDCD;margin:auto;
overflow:hidden;
}
#slider{
width:2820px;
animation:slider 15s infinite;
}
@keyframes slider{
0%{margin-left:0px;}
10%{margin-left:0px;}
20%{margin-left:-940px;}
30%{margin-left:-940px;}
40%{margin-left:-1880px;}
50%{margin-left:-1880px;}
100%{margin-left:0px;}
}
</style>