全自动风水罗盘免费下载安装


之前的文章有一篇怎么做罗盘时钟的,有朋友问如何放电脑桌面 。
上一篇文章在这:
这里补充一下设置为电脑桌面的教程;
首先代码也要优化一下,因为做桌面的话,背景不能是方的,而且要居中 。末尾附上最新代码吧 。
1、要下载lively wallpaper 。用windows自带的应用商城就可以,左下角搜索 。点击进去,然后安装 。

全自动风水罗盘免费下载安装

文章插图

全自动风水罗盘免费下载安装

文章插图

全自动风水罗盘免费下载安装

文章插图

二、安装好以后,选择上一个文章制作的html 。
因为win10已经不支持选择html做桌面了,但是lively wallpaper是可以的 。
全自动风水罗盘免费下载安装

文章插图

选择以后就可以啦 。截取右边一部分大家看看 。
全自动风水罗盘免费下载安装

文章插图



最新代码如下:



罗盘时钟

* {
margin: 0 auto;/*居中*/
padding:0;
background:#000;
}
#wrap {
position:fixed;
left:0;
top:300px;
width:800px;
height:800px;
border:1px solid #000;
position:fixed;
left:0;
top:0;
color:gold;
font-size:14px;
position:relative;
background:#000;
line-height:20px;
}
#wrap .wrap_inner {
width:800px;
height:800px;
background:#000;
position:relative;
border-radius:50%;
}
#wrap .wrap_inner .timeout {
width:800px;
height:800px;
position:absolute;
background:transparent;
}
#wrap .wrap_inner .timeout:nth-of-type(1) {
transition:1s linear;
box-shadow:0 0 20px gold;
border-radius:50%;
}
#wrap .wrap_inner .timeout:nth-of-type(2) {
width:600px;
height:600px;
left:100px;
top:100px;
transition:1s linear;
}
#wrap .wrap_inner .timeout:nth-of-type(3) {
width:400px;
height:400px;
left:200px;
top:200px;
transition:1s linear;
}
#wrap .wrap_inner .timeout:nth-of-type(4) {
width:300px;
height:300px;
left:250px;
top:250px;
transition:1s linear;
}
#wrap .wrap_inner .timeout:nth-of-type(5) {
width:200px;
height:200px;
left:300px;
top:300px;
transition:1s linear;
}
#wrap .wrap_inner .timeout .secbox {
width:400px;
height:20px;
position:absolute;
left:400px;
top:390px;
transform-origin:left center;
}
#wrap .wrap_inner .timeout .minbox {
width:300px;
height:20px;
position:absolute;
left:300px;
top:290px;
transform-origin:left center;
}
#wrap .wrap_inner .timeout .houbox {
width:200px;
height:20px;
position:absolute;
left:200px;
top:190px;
transform-origin:left center;
}
#wrap .wrap_inner .timeout .datbox {
width:150px;
height:20px;
position:absolute;
left:150px;
top:140px;
transform-origin:left center;
}
#wrap .wrap_inner .timeout .daybox {
width:100px;
height:20px;
position:absolute;
left:100px;
top:90px;
transform-origin:left center;
}
#wrap .zhizhen {
width:400px;
height:20px;
background:rgba(255,255,255,.4);
position:absolute;
left:400px;
top:390px;
z-index:999;
}







特别声明:本站内容均来自网友提供或互联网,仅供参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。