RedXen/Homepage
RedXen/Homepage
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

More fallbacks and support

Browse Source
This commit is contained in:
Alex D. 2018-08-28 15:51:13 +02:00
parent e19c0e4008
commit 1b573736db
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/animations.css
View File

@ -8,6 +8,13 @@
transition: cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s; transition: cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
} }
.float:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
.slide-top { .slide-top {
-webkit-animation: slide-in-top 1s; -webkit-animation: slide-in-top 1s;
animation: slide-in-top 1s; animation: slide-in-top 1s;

3
css/rules.css
View File

@ -6,7 +6,8 @@ a:hover {
body { body {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(../res/bg.webp); url(../res/bg.webp) no-repeat center;
background-size: cover;
} }
/*Text*/ /*Text*/

2
index.html
View File

@ -20,7 +20,7 @@
<div id="page" class="page flex column"> <div id="page" class="page flex column">
<div class="branding flex row float"> <div class="branding flex row float">
<div class="brand flex column justify-center"> <div class="brand flex column justify-center">
<h1 class="slide-top">RedXen Community</h1> <h1 class="slide-top flex column">RedXen Community</h1>
<div class="slide-left flex column"> <div class="slide-left flex column">
<p class="h-hide">The community that empowers gamers</p> <p class="h-hide">The community that empowers gamers</p>
<div class="h-hide links flex"> <div class="h-hide links flex">