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

Navigation circulaire avec transformations CSS

Voici un superbe exemple de navigation circulaire qui se base essentiellement sur les transformations CSS3 accompagné d'une petite partie [...]

10 octobre 2013 Par HTML5 / CSS3, Javascript, Web , , , , 0 Commentaires
Nuages et explosions avec les transformations 3D CSS

Voici un article bluffant sur l'utilisation des transformations 3D CSS pour simuler des nuages ou des explosions. A l'aide [...]

9 novembre 2013 Par HTML5 / CSS3, Web , , 0 Commentaires
Customiser une scrollbar avec jQuery

Voici 2 plugins très utiles pour vous permettre de customiser une scrollbar avec jQuery pour lui donner une apparence [...]

5 novembre 2013 Par Javascript, Web , , , 0 Commentaires
Destruction et reconstitution d’une vidéo en HTML5

Voici un superbe effet de destruction d'une vidéo en HTML5 qui se reconstitue après coup, le rendu est tout [...]

23 janvier 2014 Par HTML5 / CSS3, Web , 0 Commentaires
TodoList avec AngularJS

Voici un tutoriel vidéo en Français pour s'initier à AngularJS. Le but de ce tutoriel est de réaliser une [...]

17 novembre 2013 Par AngularJS, Javascript, 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
iCheck : Customiser vos checkboxes et radio boutons

Voici un plugin jQuery et Zepto efficace et simple d'utilisation qui vous permettra de personnaliser rapidement vos checkboxes ainsi [...]

6 avril 2014 Par Javascript, Web , , , 0 Commentaires
WordPress : 30 thèmes Responsive Design gratuits

Voici une superbe collection de 30 thèmes Wordpress Responsive Design que vous pourrez télécharger et utiliser gratuitement sans aucune [...]

20 avril 2014 Par HTML5 / CSS3, Ressources, UI, Web , , , , , 0 Commentaires
Le Taj Mahal en CSS3

Voici le Taj Mahal magnifiquement réalisé par Jan Dennison en SCSS couplé au framework Compass.

4 juin 2014 Par HTML5 / CSS3, 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