Jump break personalizado

Views:
MODELO 1

/*JUMP BREAK PERSONALIZADO */
.jump-link {
margin: 15px 0;
text-align: center;
}
.jump-link a {
font: normal 12px Montserrat, sans-serif;
text-transform: none;
letter-spacing: 0px;
color: #ffffff;
padding: 1em;
display: inline-block;
background: #ff9a4f;
}
.jump-link a:hover {
text-decoration: none;
background: #3C4042;
}


MODELO 2

/*JUMP BREAK PERSONALIZADO */
.jump-link {
margin: 15px 0;
text-align: center;
}
.jump-link a {
font: normal 12px Montserrat, sans-serif;
text-transform: none;
letter-spacing: 0px;
color: #ffffff;
padding: 1em;
display: inline-block;
background: #ff9a4f;
border-radius: 20px;
}
.jump-link a:hover {
text-decoration: none;
background: #3C4042;
}

MODELO 3

/*JUMP BREAK PERSONALIZADO */
.jump-link {
margin: 15px 0;
text-align: center;
}
.jump-link a {
font: normal 12px Montserrat, sans-serif;
text-transform: none;
letter-spacing: 0px;
color: #000;
padding: 1em;
display: inline-block;
background: #ffff;
border: 1px solid #ff9a4f;
}
.jump-link a:hover {
text-decoration: none;
background: #fffffff;
border: 1px solid #3C4042;
}

MODELO 4

/*JUMP BREAK PERSONALIZADO */
.jump-link {
margin: 15px 0;
text-align: center;
}
.jump-link a {
font: normal 12px Montserrat, sans-serif;
text-transform: none;
color: #000;
padding: 1em;
display: inline-block;
background: #ffff;
border: 1px solid #ff9a4f;
position: relative;
text-decoration: none;
}
.jump-link a:hover {
text-decoration: none;
background: #fff;
border: 1px solid transparent;
color: #ff9a4f;
font-weight: bold;
}
.jump-link a:before,
.jump-link a:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
transform: scale(0);
transition: 0.5s;
}
.jump-link a:before {
border-bottom: 2px solid #333;
border-left: 2px solid #333;
transform-origin: 0 100%;
}
.jump-link a:after {
border-top: 2px solid #333;
border-right: 2px solid #333;
transform-origin: 100% 0%;
}
.jump-link a:hover:after,
.jump-link a:hover:before {
transform: scale(1);
}

Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage