Bonjour,
je cherche une solution pour aligner du texte vers la gauche en suivant le contour d'un visage dans une image (dont la partie droite est transparente). J'aimerai bien éviter d'intégrer le texte à l'image, je ne sais pas si c'est possible en css, svg ou autre.
Par exemple pour que le texte soit aligné à gauche en suivant l'arrondi dans l'exemple ci dessous:
Modifié par Cyberdome (18 Oct 2016 - 18:32)
je cherche une solution pour aligner du texte vers la gauche en suivant le contour d'un visage dans une image (dont la partie droite est transparente). J'aimerai bien éviter d'intégrer le texte à l'image, je ne sais pas si c'est possible en css, svg ou autre.
Par exemple pour que le texte soit aligné à gauche en suivant l'arrondi dans l'exemple ci dessous:
<html>
<head>
<style>
#rond {
width:200px;
height:400px;
border-radius:0 50% 50% 0;
background-color:lightblue;
float:left;
}
</style>
</head>
<body>
<div id="rond"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tristique fermentum aliquet. Donec quam elit, pulvinar eu tempus ut, pharetra id lectus. Sed nisi diam, aliquet accumsan porttitor eu, finibus vitae est. Morbi et dui vitae odio scelerisque volutpat. Vestibulum dolor nisl, lacinia in pharetra id, consectetur eget velit. Sed accumsan, justo at malesuada cursus, nunc ipsum facilisis neque, ut laoreet felis dui eget ligula. Mauris interdum elit vitae malesuada hendrerit. Proin interdum, nunc et laoreet mattis, dui ante feugiat augue, gravida fermentum quam sem et justo. Etiam ultricies facilisis lorem. Ut vitae ultrices metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tristique fermentum aliquet. Donec quam elit, pulvinar eu tempus ut, pharetra id lectus. Sed nisi diam, aliquet accumsan porttitor eu, finibus vitae est. Morbi et dui vitae odio scelerisque volutpat.</p>
</body>
</html>Modifié par Cyberdome (18 Oct 2016 - 18:32)
