村里唯一的希望

网页设计群:706684

Album
css3 实现网页的淡入效果
  css     2020-01-10     40     0

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
@keyframes fadein{
0%{opacity: 0;
}
100%{
opacity: 1;
}
}
@-webkit-keyframes fadein{
0%{opacity: 0;
}
100%{
opacity: 1;

}
}
@-moz-keyframes fadein{
0%{opacity: 0;
}
100%{
opacity: 1;
}
}
@-o-keyframes fadein{
0%{opacity: 0;
}
100%{
opacity: 1;

}
}
@-ms-keyframes fadein{
0%{opacity: 0;
}
100%{
opacity: 1;
}
}
body{
animation:fadein 5s linear 1;
-webkit-animation:fadein 5s linear 1;
-moz-animation:fadein 5s linear 1;
-o-animation:fadein 5s linear 1;
-ms-animation:fadein 5s linear 1;
}
</style>
<body>
CSS3 实现网页的淡入效果
</body>
</html>

css
最新评论
  • 脑婆最大!!! 2020年01月25日
    我的城市缺个你
  • 小生不才 2020年01月19日
    好好看的个人博客

  • @_@、 2020年01月18日
    你的评论功能,指自己写的代码吗
  • me 2020年01月18日
    这设计真好看,想知道是做ux的吗
  • 悠悠 2020年01月17日
    可有可无 不打算加了
  • 唤( . )醒 2020年01月17日
    视频列表 点击封面不能跳转
  • A 王小五 2020年01月10日
    挡着没有用,我都看到了!
  • 演员 2020年01月10日
    友联-.-
  • 悠悠 2020年01月10日
    就用用嘛
  • 唤( . )醒 2020年01月10日
    用我的主题壁纸