61,115
社区成员
发帖
与我相关
我的任务
分享CSS3动画移动位置，如何继承原来样定位，然后开始移动？
给div用了animation属性后，让其left 60像素，
不过之前div有一个定位，但是left是忽略以前的定位，重新定位的，
如何让他在原来的基础上left 60px;
我刚改了下试了试，改成margin-left，没影响以前定位，但是新问题来了，动画被别的div覆盖了，只有播放完才能在顶层，我给加了z-index依然无效，这是怎么回事
不过之前div有一个定位，但是left是忽略以前的定位，重新定位的，
如何让他在原来的基础上left 60px;
我刚改了下试了试，改成margin-left，没影响以前定位，但是新问题来了，动画被别的div覆盖了，只有播放完才能在顶层，我给加了z-index依然无效，这是怎么回事
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
@keyframes myfirst{
0% {left:0px;opacity: 1;}
50%{left:-60px;opacity: 0;}
100% {left:0%;opacity: 1;}
}
h1{
animation:myfirst 2s;
position:fixed;
top:40%;
left:20%
}
</style>
</head>
<body>
<div><h1>文字测试<br />lalalala</h1></div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
