Skip to content

Instantly share code, notes, and snippets.

@vinaydotblog
Created October 28, 2013 07:18
Show Gist options
  • Save vinaydotblog/7192593 to your computer and use it in GitHub Desktop.
Save vinaydotblog/7192593 to your computer and use it in GitHub Desktop.
Ubuntu Notify Send bubble with HTML / CSS3
<div class="notify-send">
<p><b>Title</b><br>Here is my message</p>
.notify-send {
background: black;
opacity: .9;
border-radius: 5px;
width: 300px;
position: fixed;
top: 20px;
right: 35px;
padding: 20px;
box-shadow: 2px 2px 5px #222;
-webkit-transition: -webkit-filter 200ms ease-in, opacity 200ms ease-in;
&:hover {
-webkit-filter: blur(2px);
opacity: .3;
}
p {
margin: 0;
font-size: .9em;
color: white;
font-family: Ubuntu;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment