小编Ali*_*ala的帖子

使用CSS3在屏幕上移动图像

我浏览网络已经有一段时间了,试图找到一种在加载页面时使图标移动到屏幕上的方法(从div的左边到中心)。如何才能做到这一点?

这是我到目前为止的内容:

CSS3

a#rotator {
    text-decoration: none;
    padding-right: 20px;
    margin-left: 20px;
    float: left;
}

a#rotator img {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out; 
    -o-transition: all 1s ease-in-out; 
    -ms-transition: all 1s ease-in-out; 
    border-radius:60px;
    transition-duration: 1s;
    }

a#rotator img:hover { 
    box-shadow: 0 3px 15px #000;
    -webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg); 
    transform: translate()
}
Run Code Online (Sandbox Code Playgroud)

animation transition image css3

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

animation ×1

css3 ×1

image ×1

transition ×1