我想实现一个动画效果,首页是背景图,登陆和注册按钮,点击登陆或注册按钮,首页淡出。
接着注册或登陆界面淡入。
我的dom结构类似于
<div id="container">
<div id="homePage"><button></button></div>
<div id="logPage"></div>
</div>
登陆和注册按钮在#homePage下,用css动画,opacity可以做,但是怎么选择父级节点比较好?
如果用js动画,怎样控制用js控制动画的淡入淡出?
谢谢大家。
p.s.使用原生js。
之前项目里做过一个类似的,你只要吧动画改一改就行了。基于jq,基于原生的话你可以直接使用
keyframe
配合opacity
去实现登录页动画