Html 打开页面时缩放和淡入
第一期: 我一直在努力使这一点正确,但没有任何工作。就像加载页面一样,我希望图像能够缩放和淡入,然后放在那里。图像也是一个链接 到目前为止,我的代码在没有任何动画的情况下工作是 html---Html 打开页面时缩放和淡入,html,css,jquery-animate,scale,transition,Html,Css,Jquery Animate,Scale,Transition,第一期: 我一直在努力使这一点正确,但没有任何工作。就像加载页面一样,我希望图像能够缩放和淡入,然后放在那里。图像也是一个链接 到目前为止,我的代码在没有任何动画的情况下工作是 html--- 谢谢你 这个问题很难理解。但也许你看起来像这样: .insandoutslogoimg { width: 210px; height: 210px; position: fixed; top: 50%; left: 50%; margin-top: -112.5px; marg
谢谢你 这个问题很难理解。但也许你看起来像这样:
.insandoutslogoimg {
width: 210px;
height: 210px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -112.5px;
margin-left: -112.5px;
animation: fadeInDown 2s ease;
}
@keyframes fadeInDown {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
您还需要(CodePen使用Lea Verou)这正是我想要的,但当我将代码添加到我的代码中时,它不起作用。。。?我甚至指定了webkit动画:fadeInDown 2s ease;它什么也没做。。有什么想法吗?我修好了!谢谢你是个天才!
.insandoutslogoimg
{
width: 210px;
height: 210px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -112.5px;
margin-left: -112.5px;
}
.insandoutslogoimg {
width: 210px;
height: 210px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -112.5px;
margin-left: -112.5px;
animation: fadeInDown 2s ease;
}
@keyframes fadeInDown {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}