On an HTML page, you can stream text around images using the CSS "float" property. But this will only consider the rectangle of the image, not the transparent areas of the image. Now I have an image with large areas of full transparency, for example, with a circular logo, and I would like the text to flow around the circle of the logo, and not a bounding box. At least on the side facing the text of the image.
I know CSS is probably not suitable for this task. But is there some workaround, such as hidden divs or something that can achieve the same (or similar) effect? Has anyone already seen such a thing?
I wrote a PHP function for this. It takes a PNG image and generates a <div> so that the text flows around a different shape than the rectangle of the image. The code can be found here:
http://dev.unclassified.de/source/shaped-image-flow
, , , , JavaScript . , , zindex div divs , . , . / ? div , , . span/div js, , . , : , svg. .
, , , - , , , , , .