I hope folks consider SVG as a vector format that’s good for drawing issues. There may be a lot extra to know, however right here’s yet another: SVG is nice for composition. You draw issues at very particular coordinates in SVG and, whereas they’ll scale, they have a tendency to remain put. And whereas SVG is a vector format, you may place raster photos onto it. That’s my favourite a part of Cassie’s “Swipey picture grids” publish. The swipey half is cool, however the composition is even cooler.
You’ll have to examine this out in Chrome, Edge or Firefox:
CodePen Embed Fallback
Don’t miss Cassie’s interactive examples explaining preserveAspectRatio. That’s a factor I usually consider on the <svg> itself, however is used to nice impact on the <picture> parts themselves right here. It’s like a extra highly effective object-fit and object-position.
At Marketing Solution Australia we strive to deliverer elegant responsive websites for your business integrated with our personal SEO Optimization package to bring your pages on the first page of Google.