CSS Master

Figure 10.2. Using shape-outside without a clip-path

However,thebackgroundcolorof.shapedoesn'tfollowtheedgesofthepolygon

createdwithshape-outside.Forthat,weneedtosetaclip-pathvalueequalto

thatofshape-outside.ThatgivesusthelayoutshowninFigure10.3.

Figure 10.3. An example of the kinds of layouts made possible with CSS Shapes

SupportforCSSShapesiscurrentlylimitedtoWebkitandBlink-basedbrowsers.

Chrome37+andOpera24+supportCSSShapeswithoutavendorprefix.Safari

7.1+alsosupportsCSSShapes,butwitha -webkit-prefix.MicrosoftandMozilla

arestillconsideringwhethertoimplementshapesintheirbrowsers.

356 CSS Master