Skip to content

Instantly share code, notes, and snippets.

@juniorcesarabreu

juniorcesarabreu/1-border-radius.md

Last active April 12, 2017 18:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save juniorcesarabreu/30f18dec98a9b417121df2ca8fb014c9 to your computer and use it in GitHub Desktop.
Save juniorcesarabreu/30f18dec98a9b417121df2ca8fb014c9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
1-border-radius.md 
<h3 class='tnt'>TNT</h3>
.tnt {
  border-radius: 50%;
  border: 5px solid #000;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}

circle

Raw
2-border-radius.md 
<span class='counter'>37</span>
.counter {
  background-color: #000;
  border-top-left-radius: 25px 10px;
  border-top-right-radius: 25px 10px;
  color: white;
  display: block;
  font-size: 1.7em;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}

bordas superiores arredondadas

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment