1 - 20 of 57
body {
background-color: black;
}
/*SLIDING BUTTON*/
.normal-btn a {
display: inline-block;
text-decoration: none;
padding: 10px 94px 10px 15px;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 700;
width: 7em; /*SIZE OF THE BUTTON: change this to your preferred size*/
border: 2px solid #fff;
color: #ffffff;
}
.normal-btn a:hover,
.normal-btn a:active {
color: #000000 !important;
animation:background 5s;
-webkit-animation:background 5s; /* Safari and Chrome */
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
/* default sliding button*/
.normal-btn a {
position: relative;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@keyframes background
{
0% {background:red;}
25% {background:yellow;}
50% {background:blue;}
100% {background:green;}
}
@-webkit-keyframes background /* Safari and Chrome */
{
0% {background:red;}
25% {background:yellow;}
50% {background:blue;}
100% {background:green;}
}
.normal-btn a span {
position: relative;
z-index: 20;
}
.normal-btn a:after {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 0%;
top: 0;
left: 0;
background-color: #fff;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.normal-btn a:hover:after,
.normal-btn a:active:after {
height: 0%;
z-index: 1;
}body {
background-color: black;
}
/*SLIDING BUTTON*/
.normal-btn {
margin-top: 0px;
}
.normal-btn a {
display: inline-block;
text-decoration: none;
padding: 10px 94px 10px 15px;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1;
width: 7em; /*SIZE OF THE BUTTON: change this to your preferred size*/
}
.normal-btn a {
border: 2px solid #fff;
color: #ffffff;
}
#hero-buttons li .normal-btn a:hover,
.normal-btn a:hover,
.normal-btn a:active {
color: #000000 !important;
}
/* default sliding button*/
.normal-btn a {
position: relative;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.normal-btn a span {
position: relative;
z-index: 20;
}
.normal-btn a:before {
position: relative;
line-height: 1;
}
.normal-btn a:after {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 0%;
top: 0;
left: 0;
background-color: #fff;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.normal-btn a:hover:after,
.normal-btn a:active:after {
height: 100%;
z-index: 1;
}1 - 20 of 57
© 2010 - 2026 Cyprezz LLC
www.planetminecraft.com
Planet Minecraft has a Progressive Web App!
get_app Install PMC APP
Already a member? Sign in
By continuing, you agree to Planet Minecraft's Terms of Use and Privacy Policy

