Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta content="text/html; charset=utf-8" http-equiv="content-type" /> | |
| <meta name="viewport" | |
| content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" /> | |
| <link rel="icon" href="./img/logo.svg" type="image/svg+xml"> | |
| <link rel="apple-touch-icon" href="./img/pwa/logo-192.png"> | |
| <meta content="yes" name="apple-mobile-web-app-capable" /> | |
| <link rel="mask-icon" href="./img/logo.svg" color="#FFFFFF"> | |
| <meta name="msapplication-TileColor" content="#FFFFFF"> | |
| <meta name="theme-color" content="#ffffff"> | |
| <meta name="referrer" content="origin-when-cross-origin" /> | |
| <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> | |
| <title>BingAI - 聊天</title> | |
| <!-- Google tag Analytics --> | |
| <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZVJCFLBFRZ"></script> | |
| <script> | |
| window.dataLayer = window.dataLayer || []; | |
| function gtag(){dataLayer.push(arguments);} | |
| gtag('js', new Date()); | |
| gtag('config', 'G-ZVJCFLBFRZ'); | |
| </script> | |
| <!-- Microsoft Clarity --> | |
| <script type="text/javascript"> | |
| (function(c,l,a,r,i,t,y){ | |
| c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; | |
| t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; | |
| y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); | |
| })(window, document, "clarity", "script", "kw2cze8oin"); | |
| </script> | |
| <!-- 百度统计 --> | |
| <script> | |
| var _hmt = _hmt || []; | |
| (function () { | |
| var hm = document.createElement("script"); | |
| hm.src = "https://hm.baidu.com/hm.js?6002068077c49f5ff6fa1c10d4ae55dc"; | |
| var s = document.getElementsByTagName("script")[0]; | |
| s.parentNode.insertBefore(hm, s); | |
| })(); | |
| </script> | |
| <script src="/web/js/bing/chat/global.js"></script> | |
| <script src="/web/js/bing/chat/amd.js"></script> | |
| <script src="/web/js/bing/chat/config.js"></script> | |
| <style type="text/css">.b_wlcmTileCont { | |
| display: flex; | |
| flex-wrap: wrap; | |
| align-content: stretch; | |
| justify-content: center; | |
| max-width: 940px | |
| } | |
| .b_wlcmTileWrap { | |
| padding: 10px; | |
| flex-grow: 1; | |
| display: flex; | |
| box-sizing: border-box | |
| } | |
| .b_wlcmTileWrap[size="small"] { | |
| width: 16.67% | |
| } | |
| .b_wlcmTileWrap[size="medium"] { | |
| width: 25% | |
| } | |
| .b_wlcmTileWrap[size="large"] { | |
| width: 33.33% | |
| } | |
| .b_wlcmTile { | |
| box-shadow: 0 6.67587px 25.869px -1.66897px rgba(73,141,255,.3); | |
| border: 2px solid transparent; | |
| width: 100%; | |
| background: #fff; | |
| border-radius: 12px; | |
| padding: 14px; | |
| cursor: pointer; | |
| display: flex; | |
| flex-direction: column; | |
| background: var(--cib-color-background-surface-card-primary); | |
| font-family: inherit; | |
| font-style: normal; | |
| text-align: left; | |
| position: relative | |
| } | |
| .b_wlcmTile:hover { | |
| border: 2px solid var(--cib-color-stroke-accent-primary) | |
| } | |
| .b_wlcmTile p { | |
| font-size: 16px; | |
| margin-top: 8px; | |
| line-height: 22px; | |
| color: var(--cib-color-foreground-neutral-primary); | |
| overflow-wrap: anywhere | |
| } | |
| .b_wlcmTile h1 { | |
| font-size: 14px; | |
| line-height: 24px; | |
| display: flex | |
| } | |
| .b_wlcmTile h1::before { | |
| height: 24px; | |
| width: 24px; | |
| margin-right: 8px; | |
| content: ""; | |
| background-size: 24px | |
| } | |
| .b_wlcmTile img { | |
| height: 100%; | |
| width: 100%; | |
| -o-object-fit: cover; | |
| object-fit: cover | |
| } | |
| .b_wlcmTile .b_wlcmTileOverlay { | |
| opacity: 0; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| overflow: hidden; | |
| padding: 14px; | |
| box-sizing: border-box; | |
| border-radius: inherit; | |
| background-color: rgba(0,0,0,.6); | |
| transition: all .2s ease-in-out | |
| } | |
| .b_wlcmTile .b_wlcmTileOverlay h4 { | |
| font-weight: 400; | |
| font-size: 10px; | |
| color: #fff | |
| } | |
| .b_wlcmTile .b_wlcmTileOverlay p { | |
| font-weight: 600; | |
| font-size: 14px; | |
| color: #fff; | |
| display: -webkit-box; | |
| -webkit-line-clamp: 5; | |
| -webkit-box-orient: vertical; | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| .b_wlcmTile:hover .b_wlcmTileOverlay,.b_wlcmTile:focus-visible .b_wlcmTileOverlay { | |
| opacity: 1 | |
| } | |
| .b_wlcmTile:active .b_wlcmTileOverlay { | |
| background-color: rgba(0,0,0,.65) | |
| } | |
| .b_wlcmTile.code h1 { | |
| color: #09743d | |
| } | |
| .b_wlcmTile.design h1 { | |
| color: #7111b0 | |
| } | |
| .b_wlcmTile.write h1 { | |
| color: #0e56bb | |
| } | |
| .b_wlcmTile.laugh h1 { | |
| color: #94302d | |
| } | |
| .b_wlcmTile.chat h1 { | |
| color: #174ae4 | |
| } | |
| .b_wlcmTile.organize h1 { | |
| color: #08684a | |
| } | |
| .b_wlcmTile.compare h1 { | |
| color: #b0570c | |
| } | |
| .b_wlcmTile.shop h1 { | |
| color: #436dcd | |
| } | |
| .b_wlcmTile.travel h1 { | |
| color: #444 | |
| } | |
| .b_wlcmTile.create h1 { | |
| color: #066da7 | |
| } | |
| .b_wlcmTile.shopwithbing { | |
| box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary) | |
| } | |
| .b_wlcmTile.shopwithbing h1 { | |
| color: #436dcd; | |
| font-size: 20px; | |
| font-weight: 600 | |
| } | |
| .b_wlcmTile.freesydney { | |
| box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary) | |
| } | |
| .b_wlcmTile.freesydney h1 { | |
| color: #436dcd; | |
| font-size: 20px; | |
| font-weight: 600 | |
| } | |
| .b_wlcmTile.createwithsuno h1 { | |
| color: #5e438f; | |
| font-size: 14px | |
| } | |
| .b_wlcmTile.hasImage { | |
| padding: 0; | |
| border: none | |
| } | |
| .b_wlcmTile.hasImage img { | |
| border-radius: inherit | |
| } | |
| .b_wlcmTile.hasImage.neurips { | |
| box-shadow: 0 4px 15px 1px var(--cib-color-fill-accent-strong-primary) | |
| } | |
| .b_wlcmTile.hasImage.neurips h1 { | |
| color: #436dcd; | |
| font-size: 20px; | |
| font-weight: 600 | |
| } | |
| .b_wlcmTilePrivacy { | |
| padding-top: 10px; | |
| color: var(--cib-color-fill-accent-strong-primary) | |
| } | |
| body.b_dark #b_sydWelcomeTemplate_ .b_wlcmTileCont .b_wlcmTile { | |
| box-shadow: unset | |
| } | |
| #sydWelcomeTemplate>.b_wlcmCont { | |
| display: none | |
| } | |
| .b_wlcmCont { | |
| justify-content: center; | |
| align-items: center; | |
| display: flex; | |
| flex-direction: column | |
| } | |
| .b_wlcmCont .b_wlcmHdr { | |
| align-items: center; | |
| justify-content: center; | |
| display: flex; | |
| flex-direction: column; | |
| padding-top: 2vh | |
| } | |
| .b_wlcmCont .b_wlcmHdr .b_wlcmLogo { | |
| height: 54px; | |
| width: auto | |
| } | |
| .b_wlcmCont .b_wlcmHdr .b_wlcmDesc { | |
| font-style: normal; | |
| font-weight: 600; | |
| font-size: 22px; | |
| line-height: 26px; | |
| margin-top: 16px; | |
| color: var(--cib-color-stroke-accent-primary); | |
| margin-bottom: 3vh; | |
| margin-top: 1vh; | |
| text-align: center | |
| } | |
| .b_wlcmCont .b_wlcmHdr .b_wlcmSubDesc { | |
| font-size: 16px | |
| } | |
| .b_wlcmCont .b_wlcmTileCont { | |
| display: flex; | |
| flex-wrap: wrap; | |
| align-content: stretch; | |
| justify-content: center; | |
| max-width: 940px | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap { | |
| padding: 10px; | |
| flex-grow: 1; | |
| display: flex; | |
| box-sizing: border-box | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="small"] { | |
| width: 16.67% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="medium"] { | |
| width: 25% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTileWrap[size="large"] { | |
| width: 33.33% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTile:hover { | |
| border: 2px solid var(--cib-color-stroke-accent-primary) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1 { | |
| font-size: 14px; | |
| line-height: 24px; | |
| display: flex | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1::before { | |
| height: 24px; | |
| width: 24px; | |
| margin-right: 8px; | |
| content: ""; | |
| background-size: 24px | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="small"] { | |
| width: 33.33% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="medium"] { | |
| width: 50% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTileWrap[size="large"] { | |
| width: 100% | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile { | |
| box-shadow: 0 6px 24px -1.5px rgba(141,141,141,.3) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile h1 { | |
| color: var(--cib-color-stroke-accent-primary) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile h1::before { | |
| background-image: unset; | |
| background-color: var(--cib-color-stroke-accent-primary) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.code h1 { | |
| color: #66eb6e | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.design h1 { | |
| color: #c296ff | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.write h1 { | |
| color: #96c6ff | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.laugh h1 { | |
| color: #e88166 | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.chat h1 { | |
| color: #a2b7f4 | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.organize h1 { | |
| color: #4be89f | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.compare h1 { | |
| color: #fab01c | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.shop h1 { | |
| color: #93c2ff | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.travel h1 { | |
| color: #bbb | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.create h1 { | |
| color: #36cce5 | |
| } | |
| body.b_dark #b_sydWelcomeTemplate .b_wlcmTileCont .b_wlcmTile { | |
| box-shadow: unset | |
| } | |
| .b_wlcmCont .b_wlcmHdr .b_wlcmLogo { | |
| content: url(/rp/ZHDMbHUEYDt5NGP3ON8vXjxtCaA.png) | |
| } | |
| body.b_dark #b_sydWelcomeTemplate .b_wlcmLogo { | |
| content: url(/rp/JOJdPp98J5uZaqfqNcf2z6_lDU8.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont .b_wlcmTile h1::before,.b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.chat h1::before { | |
| background-image: url(/rp/kEvTUFzKj2D-xte4DoUlrzmPyEc.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.code h1::before { | |
| background-image: url(/rp/tucoHZVv4ubzFjfXhxKqf3gaIVA.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.design h1::before { | |
| background-image: url(/rp/hXyyS-qUAYcgnA86cK6MeAQqLLY.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.write h1::before { | |
| background-image: url(/rp/IOALgZVf8sFUYZ411VgUf34Jeuo.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.laugh h1::before { | |
| background-image: url(/rp/a-G2ZteqzuB0ZXKzAc0B_fAinFc.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.organize h1::before { | |
| background-image: url(/rp/D0TjmITlkNYeShKg4VZq6uwFVPU.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.compare h1::before { | |
| background-image: url(/rp/-KutFzCK2PE8OulbflI9msUMhHQ.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.shop h1::before { | |
| background-image: url(/rp/QnAXqFPafDMdyUoS-wnr6nQHB7M.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.travel h1::before { | |
| background-image: url(/rp/A61yW6snD6XU1-8bpFoh_CQoaRo.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContConsumer .b_wlcmTile.create h1::before { | |
| background-image: url(/rp/jxWPRKr_ayAp7F6IpAjhwabKW3I.png) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.analyze h1::before { | |
| -webkit-mask: url(/rp/ZczG5wuHQnU_o6jmwEuU8Gh1fA4.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.code h1::before { | |
| -webkit-mask: url(/rp/NMV8VwvG_qJ70QOMP_-ZAEmL5Kc.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.compare h1::before { | |
| -webkit-mask: url(/rp/8zI57YGdO2GM-LjMslcw6mPDh3c.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.create h1::before { | |
| -webkit-mask: url(/rp/UAXyG-o6RCcXQwv4eI7mMHl9rjU.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.design h1::before { | |
| -webkit-mask: url(/rp/WvNA-qMNgDrQOJkFd4okbX_Fxvc.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.laugh h1::before { | |
| -webkit-mask: url(/rp/qS9rIB-suYa9t6oyEgoYeWv0nK8.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.learn h1::before { | |
| -webkit-mask: url(/rp/lcw-K5QTRCID1bmZNjzE7OybJjM.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.shop h1::before { | |
| -webkit-mask: url(/rp/GkXSmYhCVqq-3xee4s4DDkRRN88.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.travel h1::before { | |
| -webkit-mask: url(/rp/Mtd52CY_Z58QPVYVcFKzftRhmjg.svg) | |
| } | |
| .b_wlcmCont .b_wlcmTileCont.b_wlcmTileContEnterprise .b_wlcmTile.write h1::before { | |
| -webkit-mask: url(/rp/BRC-g8k8ZrRlTbUopNO21bV2FLA.svg) | |
| } | |
| .b_wlcmPersLogo.copilot,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.copilot { | |
| content: url(/rp/_WT61VllAyx4fyquJgufM7hwmeg.png) | |
| } | |
| .b_wlcmPersLogo.sydney,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.sydney { | |
| content: url(/rp/ZIFQVh6WX4QKgPWuBMBKNrERh3A.png) | |
| } | |
| .b_wlcmPersLogo.designer,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.designer { | |
| content: url(/rp/3dpNBmIryMo5aT8OzddVNQ4C7RM.png) | |
| } | |
| .b_wlcmPersLogo.travel,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.travel { | |
| content: url(/rp/dPdzk-H3irE62Z-qEGnKQBnmoqg.png) | |
| } | |
| .b_wlcmPersLogo.cooking,body.b_dark #b_sydWelcomeTemplate_ .b_wlcmPersLogo.cooking { | |
| content: url(/rp/LpcE_txTpGyXOwS1tgfqoqDmQIs.png) | |
| } | |
| .b_wlcmPersLogoCont { | |
| display: flex; | |
| gap: 10px; | |
| flex-direction: row; | |
| text-align: center; | |
| align-items: center; | |
| margin-inline: 0 6px | |
| } | |
| .b_wlcmPersLogo { | |
| height: 48px; | |
| width: auto | |
| } | |
| .b_wlcmPersName { | |
| font-style: normal; | |
| font-weight: 600; | |
| font-size: 40px; | |
| line-height: 52px; | |
| text-align: center | |
| } | |
| .b_wlcmPersDesc { | |
| font-style: normal; | |
| font-weight: 400; | |
| font-size: 20px; | |
| line-height: 26px; | |
| margin-top: 1vh; | |
| text-align: center | |
| } | |
| .b_wlcmPersAuthorText { | |
| font-style: normal; | |
| font-weight: 400; | |
| font-size: 14px; | |
| line-height: 18px; | |
| color: #666; | |
| margin-top: 1vh; | |
| margin-bottom: 2vh; | |
| text-align: center | |
| }</style> | |
| <script type="importmap"> | |
| { | |
| "imports": { | |
| "rms-answers-SharedStaticAssets-mdast-util-from-markdown": "/rp/4XuwXtSbiAVqhJs_4Ciwl3YcLrM.br.js", | |
| "rms-answers-SharedStaticAssets-mdast-util-gfm-table": "/rp/ztanaSb3HsieCWGjv3Tl3lECB88.br.js", | |
| "rms-answers-SharedStaticAssets-micromark-extension-gfm-table": "/rp/u4lHTqMyPv8KR3P-2buvasHaSoM.br.js", | |
| "rms-answers-SharedStaticAssets-markdown-it": "/rp/7KdbPOT7wEH4JWaJqBx9wrxcwuM.br.js", | |
| "rms-answers-SharedStaticAssets-katex": "/rp/yscqUoVr2GlqZlY4gxmNnR5oVBA.br.js", | |
| "rms-answers-SharedStaticAssets-docx": "/rp/7O6toTbIT9CUxT9Lujfh9KGnKPg.br.js", | |
| "rms-answers-SharedStaticAssets-xlsx": "/rp/QClZgEttYMm4ob59daALw3CJwco.br.js" | |
| } | |
| } | |
| </script> | |
| <script type="module" crossorigin src="/web/assets/index-cb8513f7.js"></script> | |
| <link rel="stylesheet" href="/web/assets/index-7683bcc0.css"> | |
| <link rel="manifest" href="/web/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/web/registerSW.js"></script></head> | |
| <body> | |
| <div id="b_sydHeadBg"></div> | |
| <div id="b_sydConvCont" _iid="SERP.5028"> | |
| <div id="b_sydtoporpole" class="b_sydConvAnsTest"></div> | |
| <div id="b_sydBgCover"></div> | |
| </div> | |
| <div id="sydWelcomeTemplate"> | |
| <div id="b_sydWelcomeTemplate" class="b_wlcmCont" data-priority="2" style="margin-top: 66px;"> | |
| <div class="b_wlcmHdr"><div class="b_wlcmLogo"></div> | |
| <div class="b_wlcmDesc">必应是由 AI 支持的 Web Copilot</div> | |
| </div> | |
| <div class="b_wlcmTileCont b_wlcmTileContConsumer"></div> | |
| <div class="b_ziTileCont b_wlcmCont"></div> | |
| </div> | |
| <script src="/web/js/bing/chat/core.js"></script> | |
| <script src="/web/js/bing/chat/lib.js"></script> | |
| <div id="app"> | |
| <style> | |
| /* loading start */ | |
| .loading-spinner { | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| height: 100vh; | |
| opacity: 1; | |
| transition: opacity 2s ease-out; | |
| } | |
| .loading-spinner.hidden { | |
| opacity: 0; | |
| } | |
| .loading-spinner>div { | |
| width: 30px; | |
| height: 30px; | |
| background: linear-gradient(90deg, #2870EA 10.79%, #1B4AEF 87.08%); | |
| border-radius: 100%; | |
| display: inline-block; | |
| animation: sk-bouncedelay 1.4s infinite ease-in-out both; | |
| } | |
| .loading-spinner .bounce1 { | |
| animation-delay: -0.32s; | |
| } | |
| .loading-spinner .bounce2 { | |
| animation-delay: -0.16s; | |
| } | |
| @keyframes sk-bouncedelay { | |
| 0%, | |
| 80%, | |
| 100% { | |
| transform: scale(0); | |
| } | |
| 40% { | |
| transform: scale(1.0); | |
| } | |
| } | |
| /* loading end */ | |
| </style> | |
| <!-- loading start --> | |
| <div class="loading-spinner"> | |
| <div class="bounce1"></div> | |
| <div class="bounce2"></div> | |
| <div class="bounce3"></div> | |
| </div> | |
| <!-- loading end --> | |
| </div> | |
| </body> | |
| </html> |