首頁 > web前端 > html教學 > css3中为什么要定位,动画才能动?_html/css_WEB-ITnose

css3中为什么要定位,动画才能动?_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-06-24 11:36:02
原創
1453 人瀏覽過

div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:myfirst 5s;
}

@keyframes myfirst
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:200px; top:0px;}
50%  {background:blue; left:200px; top:200px;}
75%  {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}


回复讨论(解决方案)

设置了left、top 才能生效

css本来就是只有设置了position,left和top才能生效的

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板