技術的世界沒有小偷：但是做了就要承認
偷去代碼：點擊傳送
效果展示
<!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>