×

注意!页面内容来自https://pro.tianyancha.com/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页


在线
咨询
在线咨询:
天眼查专家为您在线答疑

电话
咨询
电话咨询:
请拨打400-608-0000

意见
反馈
意见反馈:
您的意见是我们前进的动力
<> @keyframes firstShowAnimation { 0% { width: 12px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } 100% { width: 68px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; } } @keyframes endAnimation { 0% { width: 68px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; } 100% { width: 12px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } } @keyframes firstShowAnimationTxt { 0% { opacity: 0; visibility: hidden; width: 0; margin: 0; } 100% { opacity: 1; visibility: visible; width: fit-content; margin: 0 2px; } } @keyframes endAnimationTxt { 0% { opacity: 1; visibility: visible; width: fit-content; margin: 0 2px; } 100% { opacity: 0; visibility: hidden; width: 0; margin: 0; } } /* 容器样式 */ .back-btn-container { position: fixed; top: 68px; left: 0; z-index: 10000; width: 12px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; background: #32b8f5; border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 1px 1px 4px 0px rgba(30972230.2); user-select: none; } .back-btn-container:active { background: #2ca5dc; } .back-btn-container.animate:not(.end-animate) { animation: firstShowAnimation 0.3s ease-in-out forwards; } .back-btn-container.end-animate:not(.is-hovering) { animation: endAnimation 0.3s ease-in-out forwards; } /* 图标样式 */ .left-back-logo { width: 6px; height: 12px; margin: 0 2px; display: flex; align-items: center; justify-content: center; } .left-back-logo svg { width: 100%; height: 100%; } /* 文字样式 */ .back-btn-text { font-size: 14px; color: #fff; user-select: none; width: 0; opacity: 0; visibility: hidden; overflow: hidden; white-space: nowrap; margin: 0; } .back-btn-text.animate:not(.end-animate) { animation: firstShowAnimationTxt 0.3s ease-in-out forwards; } .back-btn-text.end-animate:not(.is-hovering) { animation: endAnimationTxt 0.1s ease-in-out forwards; }