js+css实现炫酷渐变时间时钟代码
代码语言:html
所属分类:其他
代码描述:js+css实现炫酷渐变时间时钟代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
*{
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
}
html,body{
display: grid;
height: 100%;
place-items: center;
background: #000;
}
.wrapper{
height: 100px;
width: 360px;
position: relative;
background: linear-gradient(135deg, #14ffe9, #ffeb3b, #ff00e0);
border-radius: 10px;
cursor: default;
animation: animate 1.5s linear infinite;
}
.wrapper .display,
.wrapper span{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.wrapper .display{
z-index: 999;
height: 85px;
width: 345px;
background: #1b1b1b;
border-radius: 6px;
text-align: cent.........完整代码请登录后点击上方下载按钮下载查看
网友评论0