最漂亮的网站正在制做改版升级中index.html模版

qoogle科技有限公司-官方网站-IT互联网综合业务起专家,web建站开发/IDC等
网站正在改版升级中……

qoogle科技有限公司,成立于2016年,是一家技术密集型公司,专注于IT互网络开的应用,为国内外的知名企业提供优质的服务。曾经参与国内多个主要科技项目及大型外资企业。


最漂亮的网站正在改版升级中index.html首页,只有一个index.html文件,没有任保图片,没有JS,却有酷炫动画,当然,需要WEBKit浏览器支持CSS3动画……你懂。qoogle.cn融合出品。

无需下载,复制代码,粘贴到index.html文件中保存,传到服务器上即可!方便、简洁、酷炫、大方!


业务范围:
企业网站、web建站开发、IDC业务、APP开发应用、三网合一开发、微信公众号应该开发、VR系统应用……各类2D/3D设计、各类艺术设计……


业务联系方式:(秋歌)186-0000-0000 / 邮箱:qoogle@qoogle.cn


复制下面代码,存为index.html即可用,效果同上:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>qoogle科技有限公司-官方网站-IT互联网综合业务起专家,web建站开发/IDC等</title>
<meta name="keywords" content="qoogle,博客,企业建站,网站制做、IDC租售业务、CMD模版,漂亮的INDEX.HTML模版,APP开发,微信开——个人网站,网站改版中,网站正在改版升级中" />
<!--qoogle.cn 融合出品,,本文博客中搜索标签“index.html”“网站改版升级中”等-->
<meta name="description" content="提供最漂亮的网站正在制做改版升级中index.html模版。" />
<style type="text/css">
*{padding:0px;margin:0px;}
p{text-indent:2em;}
body {font: 14px/28px "微软雅黑",sans-serif;color: #666666;background: #E7E7E7  ;}
.mainqzh {    margin-top: 10%;margin-left: 45%;}
.wrap { width: 64px; height: 64px; position: relative;float:left;}
.inner, .inner2 { position: absolute; width: 38px; height: 38px; border-radius: 40px; overflow: hidden; left: 13px; top: 13px; }
.inner { opacity: 1; background-color: #89abdd; animation: second-half-hide 1.6s steps(1, end) infinite; -webkit-animation: second-half-hide 1.6s steps(1, end) infinite;/* Safari 和 Chrome */}
.inner2 { opacity: 0; background-color: #4b86db; animation: second-half-show 1.6s steps(1, end) infinite; -webkit-animation: second-half-show 1.6s steps(1, end) infinite;/* Safari 和 Chrome */}
.spiner, .filler, .masker { position: absolute; width: 50%; height: 100%; }
.spiner { border-radius: 40px 0 0 40px; background-color: #4b86db; transform-origin: right center;  left: 0; top: 0; animation: spin 800ms infinite linear; -webkit-animation: spin 800ms infinite linear; /* Safari 和 Chrome */}
.filler { border-radius: 0 40px 40px 0; background-color: #4b86db; left: 50%; top: 0; opacity: 1;  animation: second-half-hide 800ms steps(1, end) infinite;-webkit-animation: second-half-hide 800ms steps(1, end) infinite;/* Safari 和 Chrome */}
.masker { border-radius: 40px 0 0 40px; background-color: #89abdd; left: 0; top: 0; opacity: 0; animation: second-half-show 800ms steps(1, end) infinite; -webkit-animation: second-half-show 800ms steps(1, end) infinite;/* Safari 和 Chrome */}

.inner2 .spiner, .inner2 .filler { background-color: #89abdd; }
.inner2 .masker { background-color: #4b86db; }

@keyframes spin
{
  0%   { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@-moz-keyframes  spin  /* Firefox */
{
  0%   { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@-webkit-keyframes spin /* Safari 和 Chrome */
{
  0%   { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@-o-keyframes spin /* Opera */
{
  0%   { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}


@keyframes second-half-hide
{
  0%        { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@-moz-keyframes  second-half-hide  /* Firefox */
{
  0%        { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@-webkit-keyframes second-half-hide /* Safari 和 Chrome */
{
  0%        { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@-o-keyframes second-half-hide /* Opera */
{
  0%        { opacity: 1; }
  50%, 100% { opacity: 0; }
}


@keyframes second-half-show
{
  0%        { opacity: 0; }
  50%, 100% { opacity: 1; }
}
@-moz-keyframes  second-half-show  /* Firefox */
{
  0%        { opacity: 0; }
  50%, 100% { opacity: 1; }
}
@-webkit-keyframes second-half-show /* Safari 和 Chrome */
{
  0%        { opacity: 0; }
  50%, 100% { opacity: 1; }
}
@-o-keyframes second-half-show /* Opera */
{
  0%        { opacity: 0; }
  50%, 100% { opacity: 1; }
}

.txt{float: left;padding-top: 30px;padding-left: 10px; clear:right; font-size:18px; color:#CC0033;}
.txt2{clear:both; margin: 0 auto;width:30%;padding-top: 30px;}
</style>
</head>
<body>
<div text-align="center;">
<div class="mainqzh">
  <div class="wrap">
    <div class="inner">
        <div class="spiner"></div>
        <div class="filler"></div>
        <div class="masker"></div>
    </div>
    <div class="inner2">
        <div class="spiner"></div>
        <div class="filler"></div>
        <div class="masker"></div>
    </div>
  </div>
  <div class="txt">
     网站正在改版升级中……
  </div>
</div>
	<div class="txt2">
	<p><strong>qoogle科技有限公司</strong>,成立于2016年,是一家技术密集型公司,专注于IT互网络开的应用,为国内外的知名企业提供优质的服务。曾经参与国内多个主要科技项目及大型外资企业。</p>
	</br><p style=" color: #3366FF;" >最漂亮的网站正在改版升级中index.html首页,只有一个index.html文件,没有任保图片,没有JS,却有酷炫动画,当然,需要WEBKit浏览器支持CSS3动画……你懂。qoogle.cn融合出品。</p>
	<p style="color: #CC00CC;">无需下载,复制代码,粘贴到index.html文件中保存,传到服务器上即可!方便、简洁、酷炫、大方!</p>

</br><strong>业务范围:</strong></br>
企业网站、web建站开发、IDC业务、APP开发应用、三网合一开发、微信公众号应该开发、VR系统应用……各类2D/3D设计、各类艺术设计……
</p></br>业务联系方式:(秋歌)186-0000-0000  / 邮箱:qoogle@qoogle.cn
	</div>

</div>
</body>
</html>

如果文章对您有帮助|有启发|有共鸣|有“爽了”,请随意打赏。您的支持是我的动力和价值的体现。

----------我不是街头卖艺者,但我渴望被打赏,博客要生存下去不容易。
----------我不是酒店服务生,但我渴望被打赏,博主也有妻儿子女一家子人。
----------我不是乞丐叫花子,但我渴望被打赏,渴望被打赏的价值认同感。
----------我不是建筑搬运工,但我渴望被打赏,我是蜜蜂我阅读/挑选/整合/转载/传播。
----------我不是作家或教授,但我渴望被打赏,咱中国人也能主动为知识/为受益而付费。

感谢土豪的打赏!


一码支持:微信/支付宝

打赏qoogle的二维码


分享,也是您对我的热力支持。谢谢!

内容版权声明:除转载分类下的文章来源网络(直转或整合而成),其它皆为本站原创文章。

转载注明出处:http://qoogle.cn/?id=26

发表评论(不用注册哟!)

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。