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

小尾巴通用 Vue3 UI 组件库

.st-info-card-2[data-v-a77e9d2c]{position:relative;box-sizing:border-box;border-radius:.5rem;overflow:hidden}.st-info-card-2 .st-info-card-2__img-placeholder[data-v-a77e9d2c],.st-info-card-2 .st-info-card-2__img-box[data-v-a77e9d2c]{transition:all var(--img-speed) ease-in-out;transition-delay:var(--img-delay)}.st-info-card-2 .st-info-card-2__img-placeholder[data-v-a77e9d2c]{width:var(--img-width);height:var(--img-height)}.st-info-card-2 .st-info-card-2__img-box[data-v-a77e9d2c]{position:absolute;top:0;left:50%;transform:translate(-50%);width:var(--img-width);height:var(--img-height);border-radius:0;overflow:hidden}.st-info-card-2 .st-info-card-2__img-box .st-info-card-2__img-box__img[data-v-a77e9d2c]{width:100%;height:100%}.st-info-card-2 .st-info-card-2__title-content-container[data-v-a77e9d2c],.st-info-card-2 .st-info-card-2__title-content[data-v-a77e9d2c]{transition-duration:var(--content-speed);transition-delay:var(--content-delay);transition-timing-function:ease-in-out}.st-info-card-2 .st-info-card-2__title-content-container[data-v-a77e9d2c]{display:grid;grid-template-columns:1fr;grid-template-rows:0fr;justify-items:center;align-items:center;transition-property:grid-template-rows}.st-info-card-2 .st-info-card-2__title-content-container .st-info-card-2__title-content[data-v-a77e9d2c]{height:100%;overflow:hidden;clip-path:circle(0 at 50% 0);opacity:0;transition-property:clip-path,opacity}.st-info-card-2 .st-info-card-2__title-content-container .st-info-card-2__title-content .st-info-card-2__title-box[data-v-a77e9d2c]{overflow:hidden}.st-info-card-2 .st-info-card-2__title-content-container .st-info-card-2__title-content .st-info-card-2__title-box .st-info-card-2__title-box__title[data-v-a77e9d2c]{padding-top:1rem;text-align:center;font-weight:700}.st-info-card-2 .st-info-card-2__title-content-container .st-info-card-1__content-box[data-v-a77e9d2c]{overflow:hidden}.st-info-card-2 .st-info-card-2__title-content-container .st-info-card-1__content-box .st-info-card-1__content-box__content[data-v-a77e9d2c]{padding:.5rem 0 0;text-align:center}.st-info-card-2[data-v-a77e9d2c]:hover{padding:var(--padding);padding-top:0}.st-info-card-2:hover .st-info-card-2__img-placeholder[data-v-a77e9d2c]{height:var(--img-size--hover);padding-top:var(--padding)}.st-info-card-2:hover .st-info-card-2__img-box[data-v-a77e9d2c]{top:var(--padding);width:var(--img-size--hover);height:var(--img-size--hover);border-radius:50%}.st-info-card-2:hover .st-info-card-2__title-content-container[data-v-a77e9d2c]{grid-template-rows:1fr}.st-info-card-2:hover .st-info-card-2__title-content-container .st-info-card-2__title-content[data-v-a77e9d2c]{clip-path:circle(100% at 50% 50%);opacity:1}