CSS एनीमेशन बनाएं

गणना किया गया इनपुट और आउटपुट उदाहरण

ये परिणाम इसी उपकरण के इंजन में नीचे के नमूना मान डालकर निकाले गए हैं, आपके निजी इनपुट या सहेजे काम से नहीं। उपकरण में उदाहरण लोड करके वही इनपुट देखें।

नमूना इनपुट

धीरे दिखाई देना

1

नमूना परिणाम

@keyframes example {
  from { opacity: 0; }
  to { opacity: 1; }
}
.element { animation: example 1s ease both; }
@media (prefers-reduced-motion: reduce) {
  .element { animation: none; }
}