flyonui/components/skeleton/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".skeleton":{"border-radius":"var(--radius-box)","background-color":"var(--color-base-200)","will-change":"background-position","background-image":"linear-gradient(105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100%)","background-size":"200% auto","background-repeat":"no-repeat","background-position-x":"-50%"},".skeleton-animated":{"@media (prefers-reduced-motion: reduce)":{"transition-duration":"15s"},"animation":"skeleton 1.8s ease-in-out infinite"},"@keyframes skeleton":{"0%":{"background-position":"150%"},"100%":{"background-position":"-50%"}}};