启动页面UI（HTML）
最佳答案 问答题库428位专家为你答疑解惑
从模糊到现实 浮现
<!DOCTYPE html>
<html>
<head>
<style>
.body {
background-color:#f8f8f8;
}
/* 定义动画效果 */
@keyframes openingAnimation {
0% { opacity: 0; }
100% { opacity: 1; }
}
/* 设置动画元素样式 */
.animation {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: openingAnimation 3s ease-in-out;
}
/* 设置网页内容样式 */
/* 设置背景样式 */
.background
width: 100%;
height: 900vh;
}
</style>
</head>
<body>
<div class="background">
<div class="animation">
<img src="tupian/y.png" width="370px"/>
<p>在滑动一次退出</p>
</div>
</div>
<script>
// 动画播放完毕后打开网址
setTimeout(function() {
window.location.href = "index.html";
}, 2000);
</script>
<body style="background-color: #f8f8f8;">
<!-- 网页内容 -->
</body>
</html>
99%的人还看了
相似问题
- 〖大前端 - 基础入门三大核心之JS篇㊲〗- DOM改变元素节点的css样式、HTML属性
- QT中样式表常见属性与颜色的设置与应用
- vue.js中使用三元运算符设置动态样式
- 修改el-radio-group样式,自定义单选组件
- el-popover和el-tooltip样式修改(普通的组件样式修改方法，对popover是不生效的)
- 禁止点击-样式及事件不可用
- css实现原生form表单label必填选项红色*样式，以及js控制必填校验
- duilib 实现登录界面 之 样式设计
- 用css实现原生form中radio单选框和input的hover已经focus的样式
- CSS---关于font文本属性设置样式总结
猜你感兴趣
版权申明
本文"启动页面UI（HTML）"：http://eshow365.cn/6-15773-0.html 内容来自互联网，请自行判断内容的正确性。如有侵权请联系我们，立即删除！