{Benjamin PREVOT}

CSS

Effet de coin de page en CSS 3

28 octobre 2010 Web Aucun commentaire
Effet de coin de page

De nombreux sites ont mis en place un effet de coin de page (Peel effect en anglais) pour des publicité, donner des informations complémentaires...

Vous pouvez en voir des exemples ici :

Comme vous l'aurez remarqué, cet effet est mis en place en utilisant une animation Flash ou du JavaScript.

Nous allons voir dans cet article comment réaliser le même effet en CSS 3 sans script complémentaire.

Démo Lire la suite...

Styliser les légendes de vos images avec CSS 3

29 avril 2010 Web 1 commentaire

Lorsque l'on affiche des images sur un site, il est toujours utile d'ajouter divers informations (source, lieu...) pour le visiteur.

Mais comment ajouter une légende aux photos sans surcharger l'interface ?

Le but de cet article sera de réaliser un effet similaire à celui-ci : http://thirdroute.com/projects/captify/.

Et encore une fois, CSS 3 va nous aider à mettre en place ce que nous souhaitons, sans JavaScript.

Lire la suite...

Créer une galerie photos avec CSS 3

28 avril 2010 Web 16 commentaires

Toujours à la recherche de solutions permettant de réaliser des effets avec CSS 3, je me suis penché sur la création d'une galerie photos sans JavaScript.

Le but va être de réaliser un ensemble d'aperçus de photos comme sur ce site : http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/.

Bien entendu, JavaScript interdit;)

Lire la suite...

Créer un effet de slide avec CSS 3 sans JavaScript

27 avril 2010 Web 14 commentaires

Nous avons souvent vu des librairies JavaScript permettant de réaliser des effets de slide :

Avec les nouvelles spécifications CSS 3, il est maintenant possible de mettre en place cet effet facilement sans aucun code JavaScript.

Nous allons voir comment mettre en place un effet identique à ceci : http://www.incg.nl/blog/2008/hover-block-jquery/.

Lire la suite...