html Ubuntu Notify使用HTML / CSS3发送气泡

Posted 2021-05-11

.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;
  }
}

<div class="notify-send">
<p><b>Title</b><br>Here is my message</p>