Crackord/fullstream/app/views/welcome.html

46 lines
1.1 KiB
HTML

<section class="hero is-medium is-random-gradient">
<div class="hero-body">
<p class="title" style="font-size: 66px;">
Добро пожаловать!
</p>
<div class="buttons">
<a href="/room/create" class="button button-extended is-light">
<strong>Начать общение</strong>
</a>
</div>
</div>
<style>
.button-extended {
width: 30%;
height: 70px;
font-size: 25px;
}
.is-random-gradient {
background: linear-gradient(270deg, #fffd6e, #0c40c2);
background-size: 400% 400%;
-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;
}
@-webkit-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
</style>
</section>