我的飘花设置起始位置和transition的值和课程中的一样了，为什么是横着飞的呢？
来源：7-5 飘花效果的实现
慕粉13482341627
2016-11-01 17:46
// 运动的轨迹
var startPositionLeft = Math.random() * visualWidth - 100,
startOpacity = 1,
endPositionTop = visualHeight - 40,
endPositionLeft = startPositionLeft - 100 + Math.random() * 500,
duration = visualHeight * 10 + Math.random() * 5000;
写回答
关注
2回答
-
- 刘健lj
- 2016-12-16 14:37:26
return $('<div class="snowbox" />').css({ 'width':41, 'height':41, 'position':'absolute', 'top':0, 'backgroundSize':'cover', 'zIndex':10000, 'backgroundImage': 'url(images/snowflake/'+Url+')', }).addClass('snowRoll');加top
-
- 慕粉4349307
- 2016-12-06 19:44:33
起点和终点的位置设置对了吗？
//起点位置
$flake.css({
left: startPositionLeft,
opacity : randomStart
});
//终点位置
$flake.transition({
top: endPositionTop,
left: endPositionLeft,
opacity: 0.7
}, duration, 'ease-out', function() {
$(this).remove() //结束后删除
});
H5+JS+CSS3实现七夕言情
为七夕节准备的H5+JS+CSS3特效案例，由浅入深案例拆分讲解
211525 学习 · 540 问题
相似问题