aui.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @charset "UTF-8";
  2. /*边框样式*/
  3. .aui-border-t,
  4. .aui-border-b,
  5. .aui-border-l,
  6. .aui-border-r,
  7. .aui-border-tb,
  8. .aui-border {
  9. position: relative;
  10. }
  11. .aui-border-t:after,
  12. .aui-border-b:after,
  13. .aui-border-l:after,
  14. .aui-border-r:after,
  15. .aui-border-tb:after,
  16. .aui-border:after {
  17. display: block;
  18. content: '';
  19. position: absolute;
  20. top: 0;
  21. right: 0;
  22. bottom: 0;
  23. left: 0;
  24. -webkit-transform-origin: 0 0;
  25. -webkit-transform: scale(1);
  26. pointer-events: none;
  27. }
  28. .aui-border-l:after {
  29. border-left: 1px solid #c8c7cc;
  30. }
  31. .aui-border-r:after {
  32. border-right: 1px solid #c8c7cc;
  33. }
  34. .aui-border-t:after {
  35. border-top: 1px solid #c8c7cc;
  36. }
  37. .aui-border-b:after {
  38. border-bottom: 1px solid #c8c7cc;
  39. }
  40. .aui-border-tb:after {
  41. border-top: 1px solid #c8c7cc;
  42. border-bottom: 1px solid #c8c7cc;
  43. }
  44. .aui-border:after {
  45. border:1px solid #c8c7cc;
  46. }
  47. .aui-border.aui-border-radius:after {
  48. border-radius: 6px;
  49. }
  50. @media screen and (-webkit-min-device-pixel-ratio:1.5) {
  51. .aui-border-t:after,
  52. .aui-border-b:after,
  53. .aui-border-l:after,
  54. .aui-border-r:after,
  55. .aui-border-tb:after,
  56. .aui-border:after {
  57. right: -100%;
  58. bottom: -100%;
  59. -webkit-transform: scale(0.5);
  60. }
  61. }
  62. /*基础动画类*/
  63. @keyframes rotate {
  64. 0% {
  65. -webkit-transform: rotate(0deg) scale(1);
  66. transform: rotate(0deg) scale(1);
  67. }
  68. 50% {
  69. -webkit-transform: rotate(180deg) scale(1);
  70. transform: rotate(180deg) scale(1);
  71. }
  72. 100% {
  73. -webkit-transform: rotate(360deg) scale(1);
  74. transform: rotate(360deg) scale(1);
  75. }
  76. }
  77. @-webkit-keyframes bounce {
  78. 0%, 100% {-webkit-transform: scale(0.0) }
  79. 50% {-webkit-transform: scale(1.0)}
  80. }
  81. @keyframes bounce {
  82. 0%, 100% {
  83. -webkit-transform: scale(0.0);
  84. transform: scale(0.0);
  85. }
  86. 50% {
  87. -webkit-transform: scale(1.0);
  88. transform: scale(1.0);
  89. }
  90. }
  91. @-webkit-keyframes fadeIn {
  92. from { opacity: 0.3; }
  93. to { }
  94. }