UNPKG

@niobrix/solidjs-skinview3d

Version:
50 lines (49 loc) 853 B
/* src/SolidSkinView3D.module.css */ .container { display: flex; position: relative; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden; } .canvas { display: block; width: 100%; height: 100%; touch-action: none; } .wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .loader { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; justify-content: center; align-items: center; z-index: 10; border-radius: 8px; background-color: rgba(0, 0, 0, 0.3); } .spinner { width: 40px; height: 40px; border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; } @keyframes spin { to { transform: rotate(360deg); } }