oh-my-live2d
Version:
live2d component for web. 看板娘组件, 支持 model2、model3、model4
2 lines (1 loc) • 2 kB
TypeScript
export declare const globalStyle = "\n@keyframes oml2d-shake-tips{\n 0% {\n transform: translate(-50%, 5%) scale(0.99);\n }\n 50% {\n \n transform: translate(-50%, 0%) scale(1);\n }\n 100% {\n transform: translate(-50%, 5%) scale(0.99);\n }\n}\n\n@keyframes oml2d-stage-slide-in {\n from {\n transform: translateY(130%);\n }\n to {\n transform: translateY(0%);\n }\n}\n\n@keyframes oml2d-stage-slide-out {\n from {\n transform: translateY(0%);\n }\n to {\n transform: translateY(130%);\n }\n}\n\n@keyframes oml2d-display-tips {\n 0% {\n opacity: 0;\n visibility: hidden;\n }\n 100% {\n opacity: 1;\n visibility: visible;\n }\n}\n\n@keyframes oml2d-hidden-tips {\n 0% {\n opacity: 1;\n visibility: visible;\n }\n 100% {\n opacity: 0;\n visibility: hidden;\n }\n}\n@keyframes oml2d-loading-rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.oml2d-icon {\n width: 1em; \n height: 1em;\n vertical-align: -0.15em;\n fill: currentColor;\n overflow: hidden;\n}\n\n.oml2d-loading{\n animation-name: oml2d-loading-rotate;\n animation-duration: 600ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n}\n.oml2d-menus-item {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n box-sizing: border-box;\n align-items: center;\n transition: all 300ms;\n color: #58b0fc;\n cursor: pointer;\n background-color: #fff;\n}\n\n.oml2d-menus-item:hover {\n background-color: #58b0fc;\n color: #fff;\n box-shadow: 0 0 5px #000;\n}\n\n#oml2dMenus .oml2d-menus-item:not(:last-child) {\n margin-bottom: 10px;\n}\n\n\n\n@keyframes oml2d-status-bar-slide-out {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(-120%);\n }\n}\n\n\n@keyframes oml2d-status-bar-slide-in {\n 0% {\n transform: translateX(-120%);\n }\n 100% {\n transform: translateX(0%);\n }\n}\n";