Vol de corbeaux en css

Bonjour,

je partage ici ce que j'ai découvert, expérimenté et installé sur un site - des vols de corbeaux en pur css/html. C'est assez réaliste, on peut les faire voler par dessus n'importe quelle image de fond. Les données fournies sont précises, une petite modification du css disloque les oiseaux, les fait voler sans-dessus dessous, les ailes collées, en accéléré ou tout simplement s'écraser au sol. Si on s'en tient au code fourni, c'est très correct.
https://kuai-sama.github.io/Animation-Oiseaux/
On récupère le svg : https://www.iamramraj.com/demo/Flying_birds_CSS_animation_examples/bird-cells.svg
Le code css est sur le code source de la page, mais je peux le donner.
Avec Inkscape, il doit être possible de colorer les oiseaux ou de les modifier. Pour le moment, j'ai seulement réussi en css à en faire voler un plus rapidement que les autres... J'aimerais en faire poser un ou deux sur un arbre, s'envoler de nouveau, etc. Ça me parait pas facile.
Avez-vous d'autres idées dans ce genre, je recherche un vol de drone, toujours en css vga.

Bongota a écrit :
Avec Inkscape, il doit être possible de colorer les oiseaux ou de les modifier.

Salut. Tu sais que, là aussi, tu peux modifier la couleur directement en CSS ? :

#bird-cells {
  fill: orange;
}

Salut,

je ne savais pas, mais ça ne fonctionne pas en css, ta commande, j'ai essayé.
Sur le fichier svg, j'ai trouvé, c'est la commande <path fill="#000" Il suffit de mettre la couleur ici, sur tous les <path fill="#000"
Modifié par Bongota (14 Jun 2022 - 22:08)

Ça dépend comment tu appelles le SVG. Sur ton exemple en ligne ça fonctionnait sans problème.