aux.css 540 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .notify{
  2. /*
  3. animation important
  4. */
  5. animation-name:notify;
  6. animation-duration: 3s;
  7. /* Align details */
  8. position:absolute;
  9. display: flex;
  10. left:0px;
  11. top:0px;
  12. right:0px;
  13. bottom: 0px;
  14. width:100%;
  15. height:auto;
  16. padding:10px 5px;
  17. z-index: 20;
  18. justify-content: center;
  19. align-items: center;
  20. /* Font detals */
  21. color:#fff;
  22. font-size:2em;
  23. background-color: #6c5ce7;
  24. /* color of "para lá" */
  25. opacity: 0;
  26. }
  27. .notifyFui{
  28. display:none;
  29. }
  30. @keyframes notify{
  31. 0%{
  32. opacity: 0
  33. }
  34. 20%,50%,60%{
  35. opacity: 1
  36. }
  37. 100%{
  38. opacity: 0
  39. }
  40. }