您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS3自旋动画

CSS3自旋动画

要使用CSS3动画,您还必须定义实际的动画关键帧( 您将其命名为spin

配置了动画的时间后,您需要定义动画的外观。这是通过使用@keyframes规则建立两个或更多关键帧来完成的。每个关键帧描述动画元素在动画序列中给定时间应如何呈现。

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
CSS 2022/1/1 18:21:46 有318人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶