Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save Hoang-Minh/87629b2d16296704b6c538846ebd546c to your computer and use it in GitHub Desktop.
Save Hoang-Minh/87629b2d16296704b6c538846ebd546c to your computer and use it in GitHub Desktop.
Plus floating button - purely html and css
<div class="fab"> + </div>
.fab {
width: 70px;
height: 70px;
background-color: red;
border-radius: 50%;
box-shadow: 0 6px 10px 0 #666;
transition: all 0.1s ease-in-out;
font-size: 50px;
color: white;
text-align: center;
line-height: 70px;
position: fixed;
right: 50px;
bottom: 50px;
}
.fab:hover {
box-shadow: 0 6px 14px 0 #666;
transform: scale(1.05);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment