18 Août

Effets de loading CSS3

Par HTML5 / CSS3, Web , , 0 Commentaires

Voici des exemples d’effets originaux de loading CSS3. Ces effets utilisent les transitions et transformations CSS et sont donc fonctionnels seulement sur des navigateurs récents ( > IE9).

Exemples

YoutubeLoading CSS3 - Youtube

Expanding Box

Loading CSS3 - Expanding Box

3D Bar Bottom

Loading CSS3 - 3D Bar Bottom

Pie Timer

Loading CSS3 - Pie Timer

Centered Expanding Line

Loading CSS3 - Centered Expanding Line

Corner Indicator

Loading CSS3 - Corner Indicator

Big Counter

Loading CSS3 - Big Counter

Flat Top Bar

Loading CSS3 - Flat Top Bar

Sources et démos

Vous trouverez tous les exemples cités ci-dessus ainsi que quelques uns en plus à cette adresse : http://tympanus.net/Development/CreativeLoadingEffects/.

Le téléchargement des sources est disponible au bas de cet article : http://tympanus.net/codrops/2013/09/18/creative-loading-effects/.

Partager cet article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Articles connexes

Node.js : cheatsheet package.json

Node.js : cheatsheet package.json. Voici la liste exhaustive de toutes les propriétés que l'on peut utiliser dans le fichier de [...]

1 mai 2014 Par Javascript, Node.js, Web , , 0 Commentaires
2 superbes galeries d’images CSS3 et jQuery

Voici 2 galeries d'images utilisant les animations CSS3 et jQuery qui pourront vous servir à mettre en valeur vos [...]

30 octobre 2013 Par HTML5 / CSS3, Javascript, Web , , , , 0 Commentaires
Sabres laser en CSS3

Pour tous les fans de Star Wars voici des sabres laser animés entièrement réalisés en CSS3.

12 février 2014 Par HTML5 / CSS3, Web , 0 Commentaires
Effets de survol 3D avec HTML5 et CSS3

Voici un tutoriel sympathique qui présente différents effets de survol uniquement en HTML5 et CSS3 sur des cercles d'image. [...]

22 août 2013 Par HTML5 / CSS3, Javascript, Web , , , , 0 Commentaires
Système solaire en 3D

Une nouvelle démonstration de ce qu'il est possible de faire avec "simplement" du CSS et un soupçon de JavaScript. [...]

10 janvier 2014 Par HTML5 / CSS3, Javascript, Web , , 0 Commentaires
Plugin jQuery waitMe : icônes de chargement animées

Voici un plugin jQuery très simple à mettre en place et qui vous permettra d'avoir de jolies icônes de [...]

11 mai 2014 Par HTML5 / CSS3, Javascript, Web , , , 0 Commentaires
Effets de particules en WebGL

Voici 2 petites démos présentant des effets de particules en WebGL.

7 décembre 2013 Par Javascript, Web , , 0 Commentaires
Générateur de code CSS3

Voici un outil en ligne qui vous facilitera la vie lors de la création de vos styles CSS3. CSS3.0 [...]

20 novembre 2013 Par HTML5 / CSS3, Web , , , 0 Commentaires
Diagramme de compétences animé

Voici un diagramme de compétences animé en Javascript qui utilise la librairie Raphaël spécialisée dans la création de graphiques [...]

27 octobre 2013 Par Javascript, Web , , , 0 Commentaires
rimraf : Supprimer les node_modules sur Windows

Si vous utilisez des outils comme Grunt ou Gulp vous connaissez certainement ce dossier node_modules qui contient bien souvent [...]

1 février 2015 Par Node.js, NodeJS, Tutoriels, Web , , 0 Commentaires