css transform动画

最新推荐文章于 2024-04-13 21:16:23 发布

xingyunwei1

最新推荐文章于 2024-04-13 21:16:23 发布

阅读量327

点赞数

文章标签： css 动画 css3

本文链接：https://blog.csdn.net/xingyunwei1/article/details/126995398

版权

1.css transform动画

@keyframes z360{
              from{
                transform: translatey(50%);
              }
              to{
                transform: translatey(0%);
              }
            }
.scorll-item-images {
				width: 40rpx;
				height: 40rpx;
				float: right;
				margin-top: 30rpx;
				margin-right: 10rpx;
				animation: z360 2s linear infinite;  //动画名  时长   匀速   不停
				animation-delay: 1s;  
			}

2.大概效果