简普科技网站介绍
简介
简普科技(JaneTech)是一家专注于提供创新科技解决方案的公司，旨在帮助客户实现数字化转型和业务增长。我们的团队由一群充满激情的技术专家和行业资深人士组成，致力于为客户提供最佳的技术和服务。
HTML结构
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简普科技</title>
<link rel="stylesheet" href="/static/css/styles.css">
</head>
<body>
<div class="floor">
<!-- 内容区域 -->
</div>
</body>
</html>
CSS样式
html, body{
width: 100%;
height: 100%;
overflow: hidden;
}
.floor{
width: 1080px;
position: relative;
}
.index_middle{
width:100%;
height: 100%;
transform: scale(1);
opacity: 1;
background: url(/static/images/index_bg.jpg) top center no-repeat;
animation:middle 6s 1 alternate; /* Safari */
-webkit-animation:middle 6s 1 alternate; /* Chrome, Safari */
}
@keyframes middle{ /* 在Chrome, Safari浏览器中执行动画 */
from{ transform: scale(1.1); opacity:0.9;} to{ transform: scale(1); opacity:1;}
}/* 其他浏览器*/
.index_slide_1_text{display:block;width:50%}
