Partage

Animation en HTML

11 août 2017 à 10:18:13

Bonjour à tous, 

J'essaie de moderniser/améliorer la communauté interne de l'entreprise dans laquelle je travaille. J'aimerais ajouter des animations type card flip etc, mais le problème est que la plateforme ne supporte pas css, mais uniquement html.. 

Est-il possible d'intégrer des animations en simple codage HTML..?

Soyez indulgents avec ma question, je suis débutante dans le domaine ^^:D

Merciii 

Staff 11 août 2017 à 10:28:49

Bonjour,

le HTML n'est qu'un langage de balisage : il ne sert qu'à encadrer du contenu. Il est impossible de changer de couleur, de taille, ou de faire des effets avec HTML…

Ta plateforme ne supporte pas CSS ? Du tout ? C'est très surprenant. Pourrais-tu nous en dire plus ?

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
11 août 2017 à 12:00:34

Merci pour ta réponse.

Au niveau de la plateforme, je ne sais pas trop si je vais réussir à expliquer! La plateforme est en html et css car en inspectant la page je retrouve bien du css, mais au niveau des communautés "privées" de la plateforme, les changements se font via des widgets standards qui te sont proposés. À l'intérieur de chaque widget, il y a la possibilité d'insérer du code html, mais pas de css.

Donc c'est très limité pour se faire plaisir sur le façonnement des pages..

Staff 11 août 2017 à 13:06:07

Dans une certaine mesure on pourrait mettre un peu de CSS avec l'attribut "style", mais les animations sont déclarées indépendamment de tout sélecteur… donc je crains que ce ne soit vraiment pas possible ici. As-tu demandé à l'équipe de développement de ton entreprise (s'il y en a une, et si elle s'occupe de cette plateforme, bien sûr) ?
Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
11 août 2017 à 13:27:07

Tu peux écrire une balise style et mettre tout le CSS que tu veux dedans, il n'y a pas de problème sur le principe.

Par contre il est possible que le système les supprime pour ne pas permettre aux gens de casser le layout de l'application globale. Il n'existe pas de façon standard de limiter le scope d'un code CSS, à moins d'injecter le code du module complet dans un iframe, ce qui a des avantages et des inconvénients.

Staff 11 août 2017 à 14:34:32

Alors, techniquement : mettre une balise <style> hors du <head>, c'est invalide :)

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
11 août 2017 à 14:52:59

J'avais eu la confirmation de la responsable quant à l'impossibilité d'insérer du CSS, mais étant plutôt débutante ds le domaine, je me demandais si on pouvait quand même arriver à des petites choses sympa juste en html.

Pas grave , merci beaucoup en tout cas ;)

11 août 2017 à 18:31:08

Tu as toujours SVG pour faire des trucs cools sans CSS, mais du SVG sans CSS, avec uniquement des attributs, en particulier les animations, c'est assez chiant à écrire.

Pour commencer : https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_animation_with_SMIL

Héhé, j'ai retrouvé une merde que j'avais fait pour m'y essayer lors d'un event sur un forum. Quand je revois le code ça me donne la gerbe http://geoffrey.tools/share/DIC/banner-may/. Et le pire c'est que ça ne tourne bien que sur Chrome. Genre plusieurs années après, sur Safari ou Firefox par exemple il y a des clignotements dégueulasses inexpliqués.

Ah nonnn ! Le pire c'est ça http://geoffrey.tools/share/DIC/banner-july/ (même délire). Alors il y avait de la joujouille avec Google Maps, mais il y a surtout plus d'animation et on voit comme le timing est chiant à faire sans Javascript.

-
Edité par tabouretBleu 11 août 2017 à 18:47:08

Animation en HTML

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown