style.css 1.0 KB

123456789101112131415161718192021222324252627
  1. *{margin:0;padding:0;list-style: none;border:none;}
  2. a{ text-decoration:none;color:#000;cursor: pointer;}
  3. a:focus {outline:none; -moz-outline:none; }
  4. body{background:#111;font-family: '微软雅黑';overflow-x: hidden;}
  5. .container{width:100%;height:100%;}
  6. .container ul {width:90%;height:100%;overflow:hidden;margin:0 auto;}
  7. .container ul li{width:23%;margin:1%;float:left;cursor:pointer;}
  8. .container ul li img{width:90%;}
  9. @media screen and (max-width: 1600px) {
  10. .container ul {width:90%;height:100%;overflow:hidden;margin:0.5% auto;}
  11. }
  12. @media screen and (max-width: 1500px) {
  13. .container ul {width:90%;height:100%;overflow:hidden;margin:4% auto;}
  14. }
  15. .shrink {
  16. -webkit-transition-duration: 0.3s;
  17. transition-duration: 0.3s;
  18. -webkit-transition-property: transform;
  19. transition-property: transform;
  20. -webkit-transform: translateZ(0);
  21. transform: translateZ(0);
  22. transition: all 0.3s ease-in-out 0s;
  23. }
  24. .shrink:hover, .shrink:focus, .shrink:active {
  25. -webkit-transform: scale(1.1);
  26. transform: scale(1.1);
  27. }