[CSS 3] Créer des images rondes en CSS3

ornitho13 · 13/12/2010, 20h27

Bonjour a tous,

Voici un tutoriel sur la création d'images rondes en CSS3.
N'hésitez pas à faire part de vos remarques et questions à la suite de ce message.

Créer une image ronde en CSS3

Merci.

jpvincent · 14/12/2010, 10h09

Excellent, c'est dommage que la compatibilité < IE9 ne puisse pas être prise en compte

il y a une technique qui n'a rien à voir, mais que je voudrais bien tester :
http://hedgerwow.blogspot.com/2010/1...-channels.html

qui permet d'appliquer de la transparence sur des JPG, et donc avec un masque d'avoir une image arrondie pour tout le monde.
Reste à le tester : si quelqu'un a des retours, je prends

CCyrillus · 23/03/2011, 10h48

Bonjour,

La balise image est capable d'afficher un fond, elle pourrait apparaitre dans le code html, être référençable en étant réellement présente dans le document.

Pour illustrer mes propos sur la base de votre exemple voir : http://gcyrillus.free.fr/essai/round-image.html

13/12/2010, 20h27	#1
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	Créer des images rondes en CSS3 Bonjour a tous, Voici un tutoriel sur la création d'images rondes en CSS3. N'hésitez pas à faire part de vos remarques et questions à la suite de ce message. Créer une image ronde en CSS3 Merci.
	20

14/12/2010, 10h09	#2
jpvincent Membre chevronné Inscription : février 2010 Messages : 120 Détails du profil Informations forums : Inscription : février 2010 Messages : 120 Points : 678 Points : 678	Excellent, c'est dommage que la compatibilité < IE9 ne puisse pas être prise en compte il y a une technique qui n'a rien à voir, mais que je voudrais bien tester : http://hedgerwow.blogspot.com/2010/1...-channels.html qui permet d'appliquer de la transparence sur des JPG, et donc avec un masque d'avoir une image arrondie pour tout le monde. Reste à le tester : si quelqu'un a des retours, je prends
	00

23/03/2011, 10h48	#3
CCyrillus Membre habitué Inscription : octobre 2005 Messages : 117 Détails du profil Informations forums : Inscription : octobre 2005 Messages : 117 Points : 133 Points : 133	Bonjour, La balise image est capable d'afficher un fond, elle pourrait apparaitre dans le code html, être référençable en étant réellement présente dans le document. Pour illustrer mes propos sur la base de votre exemple voir : http://gcyrillus.free.fr/essai/round-image.html
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email