backtop.css 1.2 KB

1234567891011121314151617181920212223242526272829
  1. /*! NutUI2(2.0.2) - backtop.css, 4d177b46df0af221d246, 2019-01-25T10:47:27+08:00 */
  2. .nut-backtop {
  3. display: none;
  4. line-height: 0;
  5. position: fixed;
  6. cursor: pointer;
  7. bottom: 20px;
  8. right: 10px;
  9. z-index: 1111; }
  10. .nut-backtop.show {
  11. display: block; }
  12. .nut-backtop-main {
  13. -webkit-transition: all .2s ease-in-out;
  14. transition: all .2s ease-in-out;
  15. width: 38px;
  16. height: 38px;
  17. background: #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 39'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M1.41 0C.63 0 0 .672 0 1.5S.63 3 1.41 3h28.18C30.37 3 31 2.328 31 1.5S30.369 0 29.59 0H1.41zM17 7.5a1.5 1.5 0 0 0-3 0v30a1.5 1.5 0 1 0 3 0v-30zM8.44 12.44l-8 8a1.5 1.5 0 1 0 2.12 2.12l8-8a1.5 1.5 0 1 0-2.12-2.12z'/%3E%3Cpath d='M16.56 6.44l14 14a1.5 1.5 0 1 1-2.12 2.12l-14-14a1.5 1.5 0 1 1 2.12-2.12z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  18. background-size: 20px 20px;
  19. border-radius: 50%;
  20. border: 2px solid rgba(180, 180, 180, 0.5);
  21. box-shadow: 0px 0px 2px 3px rgba(220, 220, 220, 0.1); }
  22. .nut-backtop i {
  23. color: #fff;
  24. font-size: 24px;
  25. padding: 8px 12px;
  26. line-height: 0; }
  27. /*# sourceMappingURL=backtop.css.map*/