flash3.css 5.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. @charset "UTF-8";
  2. html, body {
  3. font-size: 14px;
  4. font-family: '微軟正黑體',sans-serif;
  5. }
  6. body {
  7. overflow: hidden;
  8. }
  9. a {
  10. text-decoration: none;
  11. }
  12. * {
  13. box-sizing: border-box;
  14. -webkit-user-select: none;
  15. -moz-user-select: none;
  16. -ms-user-select: none;
  17. user-select: none;
  18. }
  19. #myCanvas {
  20. position: absolute;
  21. z-index: 10;
  22. left: 0;
  23. top: 0;
  24. pointer-events: none;
  25. }
  26. .wrapper {
  27. width: 800px;
  28. height: 600px;
  29. position: relative;
  30. background: url(../images/flash3_bg.jpg);
  31. overflow: hidden;
  32. }
  33. .wrapper .start {
  34. padding: 10px 30px;
  35. background: #000;
  36. color: #FFF;
  37. font-size: 1.5rem;
  38. position: absolute;
  39. right: 20px;
  40. top: 20px;
  41. cursor: pointer;
  42. }
  43. .wrapper .car {
  44. width: 75px;
  45. height: 52px;
  46. background: url(../images/car.png);
  47. position: absolute;
  48. top: 50%;
  49. margin-top: -26px;
  50. margin-left: -38px;
  51. z-index: 11;
  52. transform-origin: center center;
  53. }
  54. .wrapper .car1 {
  55. left: -120px;
  56. }
  57. .wrapper .car2 {
  58. left: -240px;
  59. }
  60. .wrapper .car3 {
  61. left: -360px;
  62. }
  63. .wrapper .car4 {
  64. left: 400px;
  65. top: 548px;
  66. }
  67. /*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXNoMy5jc3MiLCJfY29tbW9uLnNjc3MiLCJmbGFzaDMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUNBakI7RUFDQyxnQkFBZ0I7RUFDaEIsZ0NBQWE7Q0FDYjs7QUFDRDtFQUNDLGlCQUFpQjtDQUNqQjs7QUFFRDtFQUNDLHNCQUFzQjtDQUN0Qjs7QUFFRDtFQUNDLHVCQUF1QjtFQUN2QiwwQkFBa0I7S0FBbEIsdUJBQWtCO01BQWxCLHNCQUFrQjtVQUFsQixrQkFBa0I7Q0FDbEI7O0FBQ0Q7RUFDQyxtQkFBbUI7RUFDbkIsWUFBWTtFQUNaLFFBQVE7RUFDUixPQUFPO0VBQ1AscUJBQXFCO0NBQ3JCOztBQ3BCRDtFQUNDLGFBQWE7RUFDYixjQUFjO0VBQ2QsbUJBQW1CO0VBQ25CLHlDQUF3QztFQUN4QyxpQkFBaUI7Q0FtQ2pCOztBQXhDRDtFQU9FLG1CQUFtQjtFQUNuQixpQkFBaUI7RUFDakIsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQixtQkFBbUI7RUFDbkIsWUFBWTtFQUNaLFVBQVU7RUFDVixnQkFBZ0I7Q0FDaEI7O0FBZkY7RUFpQkUsWUFBWTtFQUNaLGFBQWE7RUFDYixtQ0FBa0M7RUFDbEMsbUJBQW1CO0VBQ25CLFNBQVM7RUFDVCxrQkFBa0I7RUFDbEIsbUJBQW1CO0VBQ25CLFlBQVk7RUFDWixnQ0FBZ0M7Q0FDaEM7O0FBMUJGO0VBNEJFLGFBQWE7Q0FDYjs7QUE3QkY7RUErQkUsYUFBYTtDQUNiOztBQWhDRjtFQWtDRSxhQUFhO0NBQ2I7O0FBbkNGO0VBcUNFLFlBQVk7RUFDWixXQUFXO0NBQ1giLCJmaWxlIjoiZmxhc2gzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkBjaGFyc2V0IFwiVVRGLThcIjtcbmh0bWwsIGJvZHkge1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtZmFtaWx5OiAn5b6u6Luf5q2j6buR6auUJyxzYW5zLXNlcmlmO1xufVxuXG5ib2R5IHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuYSB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuKiB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuXG4jbXlDYW52YXMge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDEwO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4ud3JhcHBlciB7XG4gIHdpZHRoOiA4MDBweDtcbiAgaGVpZ2h0OiA2MDBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL2ZsYXNoM19iZy5qcGcpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4ud3JhcHBlciAuc3RhcnQge1xuICBwYWRkaW5nOiAxMHB4IDMwcHg7XG4gIGJhY2tncm91bmQ6ICMwMDA7XG4gIGNvbG9yOiAjRkZGO1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMjBweDtcbiAgdG9wOiAyMHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi53cmFwcGVyIC5jYXIge1xuICB3aWR0aDogNzVweDtcbiAgaGVpZ2h0OiA1MnB4O1xuICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL2Nhci5wbmcpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICBtYXJnaW4tdG9wOiAtMjZweDtcbiAgbWFyZ2luLWxlZnQ6IC0zOHB4O1xuICB6LWluZGV4OiAxMTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjtcbn1cblxuLndyYXBwZXIgLmNhcjEge1xuICBsZWZ0OiAtMTIwcHg7XG59XG5cbi53cmFwcGVyIC5jYXIyIHtcbiAgbGVmdDogLTI0MHB4O1xufVxuXG4ud3JhcHBlciAuY2FyMyB7XG4gIGxlZnQ6IC0zNjBweDtcbn1cblxuLndyYXBwZXIgLmNhcjQge1xuICBsZWZ0OiA0MDBweDtcbiAgdG9wOiA1NDhweDtcbn1cbiIsImh0bWwsIGJvZHl7XHJcblx0Zm9udC1zaXplOiAxNHB4O1xyXG5cdGZvbnQtZmFtaWx5OiAn5b6u6Luf5q2j6buR6auUJyxzYW5zLXNlcmlmOyBcclxufVxyXG5ib2R5e1xyXG5cdG92ZXJmbG93OiBoaWRkZW47XHJcbn1cclxuXHJcbmF7XHJcblx0dGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG59XHJcblxyXG4qe1xyXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcblx0dXNlci1zZWxlY3Q6IG5vbmU7XHJcbn1cclxuI215Q2FudmFze1xyXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHR6LWluZGV4OiAxMDtcclxuXHRsZWZ0OiAwO1xyXG5cdHRvcDogMDtcclxuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcclxufSIsIkBpbXBvcnQgXCJjb21tb25cIjtcclxuXHJcbi53cmFwcGVye1xyXG5cdHdpZHRoOiA4MDBweDtcclxuXHRoZWlnaHQ6IDYwMHB4O1xyXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHRiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL2ZsYXNoM19iZy5qcGcpO1xyXG5cdG92ZXJmbG93OiBoaWRkZW47XHJcblx0LnN0YXJ0e1xyXG5cdFx0cGFkZGluZzogMTBweCAzMHB4O1xyXG5cdFx0YmFja2dyb3VuZDogIzAwMDtcclxuXHRcdGNvbG9yOiAjRkZGO1xyXG5cdFx0Zm9udC1zaXplOiAxLjVyZW07XHJcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XHJcblx0XHRyaWdodDogMjBweDtcclxuXHRcdHRvcDogMjBweDtcclxuXHRcdGN1cnNvcjogcG9pbnRlcjtcclxuXHR9XHJcblx0LmNhcntcclxuXHRcdHdpZHRoOiA3NXB4O1xyXG5cdFx0aGVpZ2h0OiA1MnB4O1xyXG5cdFx0YmFja2dyb3VuZDogdXJsKC4uL2ltYWdlcy9jYXIucG5nKTtcclxuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHRcdHRvcDogNTAlO1xyXG5cdFx0bWFyZ2luLXRvcDogLTI2cHg7XHJcblx0XHRtYXJnaW4tbGVmdDogLTM4cHg7XHJcblx0XHR6LWluZGV4OiAxMTtcclxuXHRcdHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlciBjZW50ZXI7XHJcblx0fVxyXG5cdC5jYXIxe1xyXG5cdFx0bGVmdDogLTEyMHB4O1xyXG5cdH1cclxuXHQuY2FyMntcclxuXHRcdGxlZnQ6IC0yNDBweDtcclxuXHR9XHJcblx0LmNhcjN7XHJcblx0XHRsZWZ0OiAtMzYwcHg7XHJcblx0fVxyXG5cdC5jYXI0e1xyXG5cdFx0bGVmdDogNDAwcHg7XHJcblx0XHR0b3A6IDU0OHB4O1xyXG5cdH1cclxufSJdfQ== */