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

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
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
Template HTML5 & CSS3 : Boxify

Boxify est un template responsive HTML5 & CSS3 proposé gratuitement par Codrops. Il peut servir à présenter vos projets [...]

19 mars 2015 Par HTML5 / CSS3, Ressources, UI , , 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
Icônes de documents en CSS

Voici un exemple assez sympa qui nous montre comment réaliser des icônes de documents seulement en HTML / CSS [...]

13 janvier 2014 Par HTML5 / CSS3, Web , 0 Commentaires
Ressources – Templates Responsive Design en HTML5 et CSS3

De nos jours un site web peut être vu sur plusieurs supports comme un écran de PC, une tablette [...]

19 septembre 2013 Par HTML5 / CSS3, Ressources, UI, 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
Dois-je utiliser ?

Dois je utiliser un carrousel sur mon site ? Dois je utiliser des popins intrusives ? Vous vous êtes surement [...]

8 mars 2014 Par Web 2 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