mirror of
https://github.com/exane/not-gwent-online
synced 2024-12-23 21:03:14 +00:00
animation test
This commit is contained in:
parent
b248a22414
commit
92b497aaa0
@ -1,5 +1,5 @@
|
||||
module.exports = {
|
||||
|
||||
template: "<h2>lobby hier</h2>"
|
||||
template: require('../views/lobby.html')
|
||||
|
||||
};
|
@ -1 +1,46 @@
|
||||
lobby
|
||||
<style>
|
||||
.card {
|
||||
float: left;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.bla {
|
||||
padding: 5px;
|
||||
float: left;
|
||||
border-radius: 14px;
|
||||
margin: 100px;
|
||||
}
|
||||
|
||||
.ani {
|
||||
background: linear-gradient(2deg, #ffa500, #ffd68b, #ffa500, #ffa500);
|
||||
background-size: 800% 800%;
|
||||
|
||||
-webkit-animation: AnimationName 3s ease infinite;
|
||||
-moz-animation: AnimationName 3s ease infinite;
|
||||
animation: AnimationName 3s ease infinite;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes AnimationName {
|
||||
0%{background-position:51% 0%}
|
||||
50%{background-position:50% 100%}
|
||||
100%{background-position:51% 0%}
|
||||
}
|
||||
@-moz-keyframes AnimationName {
|
||||
0%{background-position:51% 0%}
|
||||
50%{background-position:50% 100%}
|
||||
100%{background-position:51% 0%}
|
||||
}
|
||||
@keyframes AnimationName {
|
||||
0%{background-position:51% 0%}
|
||||
50%{background-position:50% 100%}
|
||||
100%{background-position:51% 0%}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="bla ani">
|
||||
<img src="http://80.240.132.120/gwent/assets/cards/ballista1.png" class="card" width="150" height="auto">
|
||||
</div>
|
||||
|
||||
</div>
|
Loading…
Reference in New Issue
Block a user