transform,@keyframes

transform:tranlate(100px 10px)盒子向右100px 向下10px

transform:rotate(45deg)使盒子在原位置旋转45度

transform:scale(2)使盒子放大二倍{外边距也会变}

对于transform在css中的应用:

@keyframes slide {
    from{transform: translateX(0)}
    20%{transform: translateX(0)}
    25%{transform: translateX(-1200px)}
    45%{transform: translateX(-1200px)}
    50%{transform: translateX(-2400px)}
    70%{transform: translateX(-2400px)}
    75%{transform: translateX(-3600px)}
    95%{transform: translateX(-3600px)}
    100%{transform:translateX(-4800px)}
}
此代码是css中对于图片轮播图的形式设置
@keyframes使HTML中盒子移动

标签：盒子,100px,transform,keyframes,3600px,translateX
来源： https://www.cnblogs.com/xiyuan400/p/15592894.html