Skip to content

Instantly share code, notes, and snippets.

@rbenvenuto

rbenvenuto/Linha reta com seta para baixo ou para cima

Created April 12, 2017 16:40
Show Gist options
  • Save rbenvenuto/d2653acb9165439a54fef78207a29ba8 to your computer and use it in GitHub Desktop.
Save rbenvenuto/d2653acb9165439a54fef78207a29ba8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Linha reta com seta para baixo ou para cima
<!DOCTYPE html>
<html>
<head>
<style>
div.hr {
width:70%;
height: 1px;
background: #7F7F7F;
}
div.hr:after {
content:'';
position: absolute;
border-style: solid;
border-width: 30px 30px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: 8px;
left: 0%;
}
div.hr:before {
content:'';
position: absolute;
border-style: solid;
border-width: 30px 30px 0;
border-color: #7F7F7F transparent;
display: block;
width: 0;
z-index: 1;
top: 9px;
left: 0%;
}
</style>
</head>
<body>
<div class="hr"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment