t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 390 B
CSS
.f-swap{user-select:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.f-swap.f-swap__sound-on{transform:rotate(80deg);transition-duration:.3s}.f-swap.f-swap__sound-off{transform:rotate(0);transition-duration:.3s}.f-swap.f-swap__swap-on{transition-duration:.3s;transform:rotateY(180deg)}.f-swap.f-swap__swap-off{transition-duration:.3s;transform:rotateY(0)}