daisyui/components/skeleton.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.1.4 - MIT License */ @layer utilities{.skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,#0000 0% 40%,var(--color-base-100)50%,#0000 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}@media (prefers-reduced-motion:no-preference){&{animation:1.8s ease-in-out infinite skeleton}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}