46 lines
1.1 KiB
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>
|
|
|