【免费】模拟过山车途中抓拍纪念照.rar资源-CSDN文库

共7个文件

js：5个

html：1个

css：1个

需积分: 0 17 浏览量 2023-10-02 17:28:51 上传评论收藏 56KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

模拟过山车途中抓拍纪念照.rar （7个子文件）

hjiaoben78

index.html 27KB

static

gsap.min.js 64KB

MotionPathPlugin.min.js 21KB

prefixfree.min.js 6KB

EasePack.min.js 2KB

script.js 4KB

css

style.css 447B

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Roller Coaster and souvenir photograph</title> <link rel="stylesheet" href="static/css/style.css"> <script src="static/js/prefixfree.min.js"></script> </head> <body>  <div id="main"> <svg width="200" height="200" viewbox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="photo-frame"> <g> <rect width="200" height="200" fill="white"></rect> <g id="photo" clip-path="url(#clip0_8_89)"> <rect width="180" height="180" transform="translate(10 10)" fill="#7DBDFC"></rect> <g id="photo-car"> <path id="photo-car-body" fill-rule="evenodd" clip-rule="evenodd" d="M25.6453 110.038C29.3626 110.038 32.3761 113.052 32.3761 116.769V116.769C32.3761 131.638 44.4299 143.692 59.2992 143.692C74.1684 143.692 86.2222 131.638 86.2222 116.769V116.769C86.2222 113.052 89.2357 110.038 92.953 110.038H106.415C110.132 110.038 113.145 113.052 113.145 116.769V116.769C113.145 131.638 125.199 143.692 140.068 143.692C154.938 143.692 166.991 131.638 166.991 116.769V116.769C166.991 113.052 170.005 110.038 173.722 110.038H187.184C198.336 110.038 207.376 119.079 207.376 130.231V190.808C207.376 201.96 198.336 211 187.184 211H-65.6838C-79.9692 211 -89.7373 196.572 -84.4319 183.308L-80.51 173.504C-65.1777 135.173 -28.0532 110.038 13.2304 110.038H25.6453Z" fill="#DB5D5D"></path> <path id="photo-go-faster-stripes" fill-rule="evenodd" clip-rule="evenodd" d="M190 162H10V166H190V162ZM190 168H10V172H190V168Z" fill="#FFF175"></path> </g> <path id="photo-front-body" d="M39 96.5C39 85.1782 48.1782 76 59.5 76V76C70.8218 76 80 85.1782 80 96.5V116.5C80 127.822 70.8218 137 59.5 137V137C48.1782 137 39 127.822 39 116.5V96.5Z" fill="#333333"></path> <path id="photo-back-body" d="M119.292 96.5C119.292 85.1782 128.47 76 139.792 76V76C151.114 76 160.292 85.1782 160.292 96.5V116.5C160.292 127.822 151.114 137 139.792 137V137C128.47 137 119.292 127.822 119.292 116.5V96.5Z" fill="#605DE4"></path> <path id="photo-front-left-arm" d="M43.6385 72.6096C49.7522 82.1687 47.7606 94.7884 39 102V102C39 102 39.5 90.5 30.5 75C25.852 66.9952 21.6041 60.9248 18.5827 56.9258C16.282 53.8807 16.9353 49.3757 20.1505 47.3194V47.3194C23.0168 45.4861 26.8266 46.3236 28.6598 49.19L43.6385 72.6096Z" fill="#333333"></path> <path id="photo-back-left-arm" d="M123.93 72.6096C130.044 82.1687 128.052 94.7884 119.292 102V102C119.292 102 119.792 90.5 110.792 75C106.144 66.9952 101.896 60.9248 98.8746 56.9258C96.5739 53.8807 97.2272 49.3757 100.442 47.3194V47.3194C103.309 45.4861 107.118 46.3236 108.952 49.19L123.93 72.6096Z" fill="#605DE4"></path> <rect id="photo-image 2" width="69" height="69" transform="matrix(-1 0 0 1 92 29)" fill="url(#pattern0)"></rect> <rect id="photo-image 3" width="69" height="69" transform="matrix(-1 0 0 1 177 29)" fill="url(#pattern1)"></rect> <path id="photo-front-right-arm" d="M80 103C80 112.5 58 86.4263 58 86.4263L95.4646 55.2751C97.6399 53.4663 100.87 53.7635 102.678 55.9388V55.9388C105.121 58.8762 103.665 63.6651 100.314 65.4994C96.6427 67.5091 92.2447 70.6709 88.5 75.5C80.3083 86.064 80 93.5 80 103Z" fill="#333333"></path> <path id="photo-back-right-arm" d="M160.292 103C160.292 112.5 138.292 86.4263 138.292 86.4263L175.756 55.2751C177.932 53.4663 181.161 53.7635 182.97 55.9388V55.9388C185.413 58.8762 183.957 63.6651 180.606 65.4994C176.935 67.5091 172.537 70.6709 168.792 75.5C160.6 86.064 160.292 93.5 160.292 103Z" fill="#605DE4"></path> </g> </g> <defs> <pattern id="pattern0" patterncontentunits="objectBoundingBox" width="1" height="1"> <use xlink:href="#image0_8_89" transform="scale(0.005)"></use> </pattern> <pattern id="pattern1" patterncontentunits="objectBoundingBox" width="1" height="1"> <use xlink:href="#image1_8_89" transform="scale(0.005)"></use> </pattern> <clippath id="clip0_8_89"> <rect width="180" height="180" fill="white" transform="translate(10 10)"></rect> </clippath> <image id="image0_8_89" data-name="image.png" width="200" height="200" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAZ00lEQVR4Ae1dfZAWxZ3uqivv/snuzmmSulQEll1QE7UKT+6wzmg0ghAVBAO4y/Kx7AZE5QIoiEJCiFExKPL9uYsQ63JyKSwxBzk1lCKK7C56Iup9xOQ8Y+607uqO9awr/7mqvnpm337pt9/pme75emfe+b1VU/PVM9399PPM7/fr7pmXMfoRAoQAIUAIEAKEQAwIXOKw5laHzWtx2A9bHfayZtmH86Mc9s0YsqRbEALZRgCiaHHYxhaHfdDSxLjt0uqwZyGqbNeSSkcIWCIwymHXwULYCkKb3mFnYVnGOMyxLAolJwSyg8Boh42JVRiq1RkSypLs1JhKQggYIoAnvNYCqESPuA8Rwn0zLBolIwRqhwDcnkSthk5MDjsLV652NaecCYEABCCOFoe9lZbl8Mqn1WGdAcWk04RA+ggg3mhBTKB7wqd4nESSfvtTjj4IlCxHqK7bpARFIvFpMDqVLgK1dqt0IoNVSxcJyo0QUBBoddgmHUFrftxhZ2msRGkw2k0PAfQa1VwEAbENRt/TQ4RyIgRKCGQx7tCJtdVhU6nhCIFUEWhx2FodITN33GEfpAoOZVZsBErWIxNdusZidNjSYrca1T41BHJlPUSMQlYkNX4UPqOsDAgaW4+SSGhspPDUTR4ABLy2xMxK+laHHUoeIcqh0Ai0Omx/Vggfphw0LlJo+iZf+by6V0JM5GYlz5HC5tDSxMaPFEFvDtfNTYw3N7GnC9uAVPFkERjexNYPa2B8RCPjWRcKytfcOFTW4Q2Mo9xYhjexj5JFie5eWASGN7LnBdFcsjUOkbDWYqkQQ+M5MchllbcpDikshZOt+LBG1icTTd0eLgkmTtHgXkIEZatgIAS1fGK/uZFNShYpunshERAEs11DOOoCNw1klwkvp7HNwyZ9cxNbWMgGpEoni4ANCbOcFrFUskjR3QuJQFZID+sjWyDhgom16NLVrh32IT4s4X5cYuhDdj9scdgSfMGRvo5SSGpHr3RLExubtkDgcgkhgPxawsd9zmFnJfEsoTcTo/On7u9wSQO7IGmBQBCISVIVg6m4HPYBZhGMbGILWhrYRXXf4FRBewSSEIhrIUxJmpF0I4c6Hd4d9gW2msRiz6O6vSIugeRRFF7unTQA+d6wRnb3RQ3si3Xb+FSxYASGNbHfhxWJcJ+8iJbnYxB7GZNG9umFDaynuYFdEowmpag7BIY1spNlMkjTN/yOucLIiGuUlBAlS1IWy4UN7GBzI7uq7khAFdIjMKKJ7fETg3yuCMKQBeclEuAxvJEdaG1ko/So0pm6QaC5kbXLIvDarldXShaD1zZ63rzwcI81sk+HN7D1lzay8+uGDFSRagRaGtloLQkahrpovchThGMQyIhgt/OjkU1sRjWydKRuEBjeyP5BFQmsRibHLlKIfRCk69wrFSexP6KRbacZxXUjicqKDGtiq0RDY42BvSJYCLWOqLeMg+12cxM7QyP0ldyqiz3hZhXdatgKwiu9+3BxGP2FXF0oQ6pEcxMbUJ+oRdl3Y43SHLEw7pUqFIik1WH7JHhpM88IpPnfg3kSHaafhBWMEAnFJXlWBmMMT7o8kTbtssK6QCggvG3gjuvwPyskkhyKBI2W1T/JSVsEan4Qg0H3rmdAD4sjBOVuo9eNRJIvhZA4qnvpRByixhNh9iEMVXR4FyVfLCloabP0x5wqiWqxH6cwZDHBHVPrQ4F7xkVH4qgkretKyW84ltwjuEhiEWls4w+IhUSScUHIxSNxVIpDfbqb7tsG6xqR0L9jyeSs9XYp5sjXn+OkMKXEVBRe6WBhTK1KlUgcdpY+JFFrVZTyp4A8HsshRIKYJYzbpQbuFLRnRCDUlRuPQGxdK8QgEIUsJmwLoblrh63NCE2KWQwaBFQIGdJtE4OFInAH8U3cqyrXyiN/mtxYI222OGxpxdPKo3HofDQBmcQhQSIhV6sGAhnlsOuI/NHIb4MfLIo8BqJuq/GHem+0Vw1oUswsqccqXWGYuFoQDNw0VRjlffq33vTE2uqwZ8vA+zUKndMTNgCbIIuhWhDsG7hanemxpKA5Udzh85QOIL3JQyWsMIRgELNo8yErkqxqMfCU9z/j1JInBnJHubdJMC5EoK5FNy9ZkWT5H3h398vlNSZSFBJm9VqTae9wn3TWRbhWiEGw7ReLUI9WIM3DJWh12NSsEiyv5YLVUK2BsAIgOiyDTHbsy+kv+tJ55X01nR8mNAUlnAa0V5V6rT7wA53O+fj+HlZXtgbCOqiCUDFFOiGQxbdezo9u6eBCJLhWTa/bb3XYJm1j0wl7BFoctlYHNh03J6bACpbDN5j2ERQEseGub/L+3i532b18oisaCE7cP3DtsLP2LKArPBGgMQ8L4nkQO5CsBtcIV+yqUQ5/9pHpZXEIkcCawLrY5AWX2bPB6aAdAvh3JBvgKa0dUYPwQmwBt6pzwsX8ZM/8KnEIkdxw+ZdtBUJulp0UqlO73boGT7igRqbz4UVz8ZfO41uXjtcKQwjkFz+ZwS/7kz80FwmNiVQT3vYIgjkid3hyR8Vuyp9dyF/Y2B4oDiGS7UtvMBdIE+PUm2WrCCk9xR61EwYswboF3/B1qYQo1PXdky81F4nDlkpNTps2CNCUktoI5OY//Qo/vH6msdVQBfLS1tn8+q+dbySSVocdsuEEpZUQaHEYjXukGH/Baqy/45rQwpCF8jc/mmokELiAUpPTpikC9K5HutZj5tUjOJ78Msmjbq+dO85IJBSHmKpCSkddu+kIZNzIL/B9D9wUqzBkYcFdC+oooBepJOKbbtKM3WQFAndqxYwrEhOGEAmsUmDXL33UwVQWQ+loUmKy4ugcPzp2d0oIwmsd1PULb8GOIQVPTe5VMgKBu4Pg2YvESR/z6/ptddixglPervr13nsFopoGsEH+u8l55JdknGEirqCuXzuGFDi1+23dFLs2TQgWVxq5GzUNgWRBGLJ4YL108UiBKW9X9VaHdcZFyCzdBy6G3I36ra9fENi7E7b86LKttcWQhSFv6x4M1NVrqJN6iz+8ulFtBtFMRYInM0QYZQRcJnKS2xCwWi/q6jUUSD19Y1e1GoJ06EVSCRJ2H1M6MPotWyeRT1bXXvEICcRUIHUQf+Bpjq5NL4LC9QkrBnEdRAFXJQ/WwgsDHFPjERKIgUDqIUAHef2e5rdcGTyyLIQgr+GWQBS23bQHvj+FP3j7OL5y8hV87z2TPEWrI3HSx2H5ynWkwcJgheApUgYsh5YELlUQqUxmuaL3CW4YRrqjBNt/u24GXzbx8oplyx3X81d3zgssZ1A9op6HcCHY+75zxZBIaNp7sEDyPL3ddBYsrAtIjwVumNjGOm6XCWJQBYL97982loOgUUke5nqIc0PXtRXluv3Pm1/Buz/BDCl4ijx+uQTxhq3bE4ZYYa7RCUSIBkJBGjzJxbJr8QT+zI9ui1U8L23ucAWJe8PVE/nL64JT36z6eRNIlsUBQXm5WDIp/bbjsjC4j18+4tzaqWPIggTJJE8CQSyRVcshWxtTggqiijWsi3yfMNtwp3QWQ+SD9apbr/w8iBt0njGWF4Fg8M+vpyoMmZK8Bi7TfbeMMXqSy8SNWiYTC4ZyHV438w0SgAECeD85671YWXerdKRGHBAUk8jiWDf7LyJbkOcfb/MVJawU0qDMBvSgJFm3IHkVhywaEHLn4vFuT5YsCHkbT3VBXPnaMNteooQwnlp5c4UAif0GCGRdILrR8TDEycI1EAHcoL3LJpUX7MddNsRByANrnfAG9i0YY0CRYifJskDSeD

评论收藏

内容反馈