st-common-ui-vue3/lib/components/StHoverShineContainer/StHoverShineContainer.css

小尾巴通用 Vue3 UI 组件库

.st-hover-shine-container[data-v-f4c78123]{position:relative;box-sizing:border-box;border-radius:var(--shine-border-radius);overflow:hidden}.st-hover-shine-container[data-v-f4c78123]:before{content:"";position:absolute;left:var(--shine-x);top:var(--shine-y);transform:translate(-50%,-50%);width:var(--shine-size);height:var(--shine-size);background:radial-gradient(circle,var(--shine-color),transparent 70%,transparent);transition:opacity var(--speed) ease-in-out;pointer-events:none;opacity:0}.st-hover-shine-container[data-v-f4c78123]:hover:before{opacity:1}.st-hover-shine-container .st-hover-shine-container__content-box[data-v-f4c78123]{position:relative;width:100%;height:100%;border-radius:var(--shine-border-radius)}