69 liens privés
Le Grall de l'animation CSS : faire passer un élément de display none height 0 à sa taille normale visible.
Une plongée dans un champ d'étoile, par mon ami Starfield de l'IUP d'Avignon
Des démos de ce qu'on peut faire en css au scroll
@media (prefers-reduced-motion: no-preference) {
img {
animation-play-state: running;
/ turn animations on if user doesn't mind /
}
}
@media not (update: fast) {
img {
animation-play-state: paused;
/ except, turn them off again if the browser can't draw them effectively anyway /
}
}
Des animations de moteurs de pleins de types différents.
Une immersion dans une histoire qui aide à prendre conscience de l'attitude juste à avoir vis-à-vis d'une personne harcelée : très intéressant !
Le web design moderne, c'est aussi ça ! Des animations dont la vitesse varie dans le temps pour les rendre plus "humaines".
Quand la dépendance à une technologie devient trop grande, et que le fabriquant contrôle tout...
Magic is a CSS3 framework with many animations. Is simple to use and many animations are cross-browser compatible.
Les CSS, ça permet aussi de faire des animations du fond d'une page
Ce qu'on peut faire comme animations avec les CSS
Après jQuery, il devient désormais plus facile que jamais de faire des animations dans une page web. Mais comme j'aime à le répéter : juste parce que vous pouvez le faire ne signifie pas que vous devez le faire. Voici quelques conseils pour animer vos sous-menus
On peut faire des animations de folie avec les CSS3
Des photos dont seulement une partie bouge, le reste restant immobile : effet parfois saisissant !
De bien belles images animées par rotation de couleurs dans la palette !
Sozi est un petit programme qui permet de jouer des présentations animées.
Contrairement aux outils de présentation classiques, un document Sozi n'est pas organisé comme un diaporama. Il s'agit plutôt d'un poster où la disposition du contenu est entièrement libre. Le déroulement de la présentation consiste en une succession de translations, zooms et rotations permettant de focaliser l'attention sur les éléments que vous voulez montrer.
La suite de animator contre animator, grandiose !
Animation représentant les 2053 explosions nucléaires ayant eu lieu dans le monde depuis 1945.
Quelques dessins animés d'un chat vivant sa vie de chat...
Une animation Flash pour avoir une idée des ordres de la taille des cellules vivantes, des bactéries, des virus...