Skip to main content

Posts

Showing posts with the label CSS Tricks

CSS Tricks and Techniques 2018

As time goes by, CSS is becoming more and more powerful and nowadays it allows a lot of possibilities. This article is a compilation of fresh, advanced tips and techniques to master your CSS skills. Software and Website Development Company Lucknow Using SVG for icons SVG is supported by all modern browsers and scales well for all resolution types, so there’s no reason to continue using .jpg or .gif images for icons. Note the use of the background-size property to scale the background image on the on container size. .logo { display: block; text-indent: -9999px; width: 100px; height: 82px; background: url(kiwi.svg); background-size: 100px 82px; } Fixed table layouts A widely supported but surprisingly little-known property which changes the way the tables are rendered and gives you a sturdier, more predictable layout. table { table-layout: fixed; } Curve text around a floated image The shape-outside is a CSS property that allows geometric shapes to be set, ...