alert.css 800 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. #prompt {
  2. position: fixed;
  3. left: 50%;
  4. top: 30%;
  5. z-index: 999999;
  6. width: 200px;
  7. height: auto;
  8. margin-left: -100px;
  9. padding: 20px;
  10. overflow: hidden;
  11. text-align: center;
  12. color: #fff;
  13. -webkit-transition: all .3s ease 0s;
  14. -moz-transition: all .3s ease 0s;
  15. -ms-transition: all .3s ease 0s;
  16. transition: all .3s ease 0s;
  17. -webkit-transform: scale(0);
  18. -moz-transform: scale(0);
  19. -ms-transform: scale(0);
  20. transform: scale(0);
  21. border-radius: 10px;
  22. }
  23. #prompt.show {
  24. -webkit-transform: scale(1);
  25. -moz-transform: scale(1);
  26. -ms-transform: scale(1);
  27. transform: scale(1);
  28. }
  29. #prompt span {
  30. position: absolute;
  31. top: 0;
  32. right: 0;
  33. bottom: 0;
  34. left: 0;
  35. z-index: -1;
  36. background: #000;
  37. opacity: .8;
  38. filter: alpha(opacity = 50);
  39. border-radius: 10px;
  40. }