Documentation du CMS Knowledge Place

L’animation des Blocs

Caractéristiques

Les animations sont utiles pour scénariser et dynamiser l’affichage de vos Pages, ou pour mettre en avant certains Blocs à l’intérieur de vos Pages.

La fonction d’animation du CMS Knowledge Place présente les caractéristiques suivantes :

 

  • Les animations sont utilisables sur tout type de Bloc : Module, Ligne ou Section
  • 7 styles d’animations sont disponibles
  • Chaque animation se déclenche quand le Bloc apparaît dans le navigateur
  • Il est possible d’ajouter un délai différent à chaque animation et de cadencer ainsi l’affichage de plusieurs Blocs
  • La durée d’exécution de chaque animation est paramétrable
  • L’animation peut être exécutée en boucle

Mise en oeuvre

Dans l’Editeur par Bloc ou l’Editeur Visuel du CMS Knowledge Place :

  • Ouvrez le panneau de configuration du Bloc sur lequel vous souhaitez appliquer une animation
  • Cliquez sur l’onglet « Style » et ouvrez le volet « Animation »
  • Cliquez sur le style d’animation que vous souhaitez utiliser pour ce Bloc
  • Modifiez les paramètres de l’animation pour obtenir le résultat attendu

Les paramètres disponibles sont les suivants.

  • Animation Repeat : par défaut, les animations ne sont exécutées qu’une seule fois pour révéler l’élément. Toutefois, vous pouvez choisir de répéter l’animation si vous souhaitez attirer constamment l’attention sur l’élément. Cela pourrait être utile pour les boutons d’appel à l’action.
  • Animation Direction: chaque style d’animation a été créé de manière à pouvoir s’exécuter dans différentes direction. Vous pouvez faire animer votre objet à partir du haut, du bas à gauche ou à droite et le style s’ajustera automatiquement.
  • Animation Duration: par défaut, les durées des animations sont définies sur 1 seconde, mais vous pouvez accélérer ou ralentir la durée facilement.
  • Animation Delay : les animations sont automatiquement lues dès que l’élément animé entre dans la fenêtre d’affichage de votre navigateur lorsque vous faites défiler la page. L’ajout d’un délai augmente le temps nécessaire avant que l’animation ne se produise une fois que l’élément est visible à l’écran. En combinant différentes animations de modules en utilisant des délais décalés, vous pouvez créer des effets vraiment géniaux.
  • Animation Intensity : lorsque vous ajustez l’intensité d’une animation, cela affecte le mouvement de l’objet pendant l’animation. Le CMS Knowledge Place fait tous les calculs complexes en arrière-plan pour vous. Tout ce que vous devez faire est d’augmenter le curseur pour rendre vos animations plus accrocheuses, ou diminuer le curseur pour les rendre plus subtiles !
  • Animation Starting Opacity: par défaut, toutes les animations se fondent à partir d’une opacité de départ de 0. Cela peut être ajusté pour minimiser ou supprimer l’effet de fondu.
  • Animation Speed Curve : ici, vous pouvez ajuster la courbe de vitesse utilisée pendant l’animation, chacune donnant à l’animation une sensation légèrement différente.

 

 

 

Documentation CMS

Consultez la documentation du CMS Knowledge Place pour concevoir vos formations Responsive Learning en mode collaboratif.

Exemples CMS

Découvrez les possibilités du CMS Knowledge Place à travers ces exemples consultables sur équipement fixe ou mobile.

Documentation metaLMS

Consultez la documentation du metaLMS Knowledge Place pour concevoir des Knowledge Places utilisables en toutes occasions, en ligne comme en présentiel, sur poste fixe, tablette ou smartphone.

knowledgeplaces.com

Retrouvez toute notre actualité sur notre site Web.