Quiz — 65352b6ac4189_Enoncé-Les animations en CSS.pdf

Question 1 sur 10 20:00

[{"id":26319,"question":"Quelle propriété CSS permet de définir la durée d'une animation ?","option_a":"duration","option_b":"time","option_c":"speed","option_d":"delay","option_e":"","option_f":"","bonne_reponse":"a","explication":"La propriété \u003Ccode\u003Eanimation-duration\u003C\/code\u003E définit la durée de l'animation en secondes ou millisecondes.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"duration\", \"b\": \"time\", \"c\": \"speed\", \"d\": \"delay\"}}","_debug_options_count":4},{"id":26320,"question":"Vrai ou Faux : La propriété \u003Ccode\u003Etransition\u003C\/code\u003E nécessite l'utilisation de keyframes.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"b","explication":"La propriété \u003Ccode\u003Etransition\u003C\/code\u003E ne nécessite pas de keyframes, elle anime automatiquement les changements d'état.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"b\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":26321,"question":"Quelle valeur de la propriété \u003Ccode\u003Eanimation-timing-function\u003C\/code\u003E permet une accélération progressive ?","option_a":"ease-in","option_b":"linear","option_c":"ease-out","option_d":"ease","option_e":"","option_f":"","bonne_reponse":"a","explication":"La valeur \u003Ccode\u003Eease-in\u003C\/code\u003E fait accélérer l'animation progressivement au début.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"ease-in\", \"b\": \"linear\", \"c\": \"ease-out\", \"d\": \"ease\"}}","_debug_options_count":4},{"id":26322,"question":"Vrai ou Faux : Les animations CSS peuvent être déclenchées par un clic sur un bouton.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"a","explication":"Oui, en utilisant JavaScript pour ajouter ou supprimer une classe CSS qui déclenche l'animation.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":26323,"question":"Quelle propriété est utilisée pour définir les étapes d'une animation avec des keyframes ?","option_a":"@keyframes","option_b":"@animation","option_c":"keyframes","option_d":"steps","option_e":"","option_f":"","bonne_reponse":"a","explication":"La règle \u003Ccode\u003E@keyframes\u003C\/code\u003E permet de définir les étapes d'une animation avec des pourcentages ou des mots-clés (from, to).","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"@keyframes\", \"b\": \"@animation\", \"c\": \"keyframes\", \"d\": \"steps\"}}","_debug_options_count":4},{"id":26324,"question":"Vrai ou Faux : L'animation CSS \u003Ccode\u003Erotate(45deg)\u003C\/code\u003E fait tourner un élément de 45 degrés.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"a","explication":"Oui, la fonction \u003Ccode\u003Erotate()\u003C\/code\u003E fait tourner un élément selon l'angle spécifié.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":26325,"question":"Quelle propriété CSS permet de répéter une animation indéfiniment ?","option_a":"animation-iteration-count: infinite","option_b":"animation-repeat: forever","option_c":"animation-loop: true","option_d":"animation-duration: 0","option_e":"","option_f":"","bonne_reponse":"a","explication":"La propriété \u003Ccode\u003Eanimation-iteration-count: infinite\u003C\/code\u003E permet de répéter l'animation indéfiniment.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"animation-iteration-count: infinite\", \"b\": \"animation-repeat: for","_debug_options_count":4},{"id":26326,"question":"Vrai ou Faux : Les animations CSS consomment plus de ressources que les animations JavaScript.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"b","explication":"Les animations CSS sont généralement plus performantes car elles sont gérées par le GPU du navigateur.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"b\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":26327,"question":"Quelle valeur de la propriété \u003Ccode\u003Eanimation-direction\u003C\/code\u003E permet de faire rebondir l'animation ?","option_a":"normal","option_b":"reverse","option_c":"alternate","option_d":"alternate-reverse","option_e":"","option_f":"","bonne_reponse":"c","explication":"La valeur \u003Ccode\u003Ealternate\u003C\/code\u003E fait rebondir l'animation en alternant le sens de lecture.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"c\", \"options\": {\"a\": \"normal\", \"b\": \"reverse\", \"c\": \"alternate\", \"d\": \"alternate-revers","_debug_options_count":4},{"id":26328,"question":"Vrai ou Faux : Les animations CSS peuvent être appliquées à tous les éléments HTML.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"a","explication":"Oui, les animations CSS peuvent être appliquées à la plupart des éléments HTML, y compris les pseudo-éléments comme \u003Ccode\u003E::before\u003C\/code\u003E et \u003Ccode\u003E::after\u003C\/code\u003E.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4}]