Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否可以在CSS3中创建圆形箭头图标?_Css_Css Transitions_Css Shapes - Fatal编程技术网

是否可以在CSS3中创建圆形箭头图标?

是否可以在CSS3中创建圆形箭头图标?,css,css-transitions,css-shapes,Css,Css Transitions,Css Shapes,我想包装一个圆形箭头图标,如图片。是否可以围绕圆圈图标设置动画 您可以使用css动画旋转箭头图像: @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-

我想包装一个圆形箭头图标,如图片。是否可以围绕圆圈图标设置动画


您可以使用css动画旋转箭头图像:

@-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);}
}