Skip to content

visualcloud / Vmatrix-client

Go to a project
Commit 8a4e23f7 by hank
Options

container bg

parent 5ac873d6
Showing with 23 additions and 2 deletions
public/template.html
...@@ -198,12 +198,33 @@ ...@@ -198,12 +198,33 @@
/* height: 32px; */ /* height: 32px; */
} }
/* .delay */ /* .delay */
@keyframes bgani {
0% {
background: linear-gradient(to right, #32295E, #5277AB);
}
25% {
background: linear-gradient(to right, #5277AB , #32295E);
}
50% {
background: linear-gradient(to right, #32295E, #5277AB);
}
75% {
background: linear-gradient(to right, rgb(83, 61, 192), rgb(93, 140, 206));
}
100% {
background: linear-gradient(to right, #5277AB , #32295E);
}
}
.bgani {
animation-name: bgani;
animation-duration: 5s;
}
</style> </style>
</head> </head>
<body> <body>
<div class="container" id="myApp"> <div class="container infinite bgani" id="myApp">
<div class="title bounceInLeft" :class="isAnimeted()"> <div class="title bounceInLeft" :class="isAnimeted()">
<span class="">{{date}}</span> <span class="">{{date}}</span>
</div> </div>
...@@ -216,7 +237,7 @@ ...@@ -216,7 +237,7 @@
<!-- <img src="" alt=""> --> <!-- <img src="" alt=""> -->
</h2> </h2>
<div class="bottom"> <div class="bottom">
<div class="bottom-left rollIn" @click="edit(2)" :class="isEdited(2) + ' ' + isEdit() + isAnimeted()"> <div class="bottom-left fadeIn" @click="edit(2)" :class="isEdited(2) + ' ' + isEdit() + isAnimeted()">
<img :src="getValue(2)" alt=""> <img :src="getValue(2)" alt="">
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment