Γεννήτρια CSS Animation
Δημιουργήστε CSS keyframe animations οπτικά με ζωντανή προεπισκόπηση. Επιλέξτε από προεπιλογές όπως bounce, pulse, shake, spin. Ρυθμίστε διάρκεια, timing και άλλα. Αντιγράψτε κώδικα CSS. Δωρεάν online εργαλείο.
Προεπισκόπηση
Έξοδος CSS
Αναφορά
Τι είναι τα CSS animations;
Τα CSS animations σας επιτρέπουν να κινούμενοποιήσετε μεταβάσεις μεταξύ τιμών ιδιοτήτων CSS με την πάροδο του χρόνου. Αποτελούνται από δύο μέρη: κανόνες @keyframes που ορίζουν τα στάδια του animation, και την ιδιότητα animation που ελέγχει τον χρονισμό, την κατεύθυνση και την αναπαραγωγή.
Προεπιλογές animation
Αυτό το εργαλείο περιλαμβάνει κοινές προεπιλογές animation: bounce (κάθετο αναπήδημα), pulse (κλιμάκωση πάνω-κάτω), shake (οριζόντιο τίναγμα), spin (περιστροφή 360°), fadeIn/fadeOut (μεταβάσεις αδιαφάνειας), slideIn/slideOut (ολίσθηση από πλάι), swing (εκκρεμής περιστροφή) και wobble (ασύμμετρο τίναγμα).
Απόρρητο
Όλη η δημιουργία animations εκτελείται 100% στον browser σας. Κανένα δεδομένο δεν αποστέλλεται σε κανέναν server.