MUST-TRY CSS EL­E­MENTS & APIS

Web Designer - - 30 best html, css & js apis -

CLIP-PATH https://mzl.la/2gxrzil

De­fine part of an el­e­ment that should be dis­played. Use it to cre­ate shapes without hav­ing to fake it with im­ages.

CSS SHAPES https://mzl.la/2q1yffh

Cre­ate more ex­cit­ing, print-in­spired lay­outs. Mark out a shape around an el­e­ment for the con­tent to flow around.

CUS­TOM PROP­ER­TIES https://www.w3.org/tr/css-vari­ables

Pass a sin­gle value to mul­ti­ple se­lec­tors. They can read and up­date through Javascript and can be use­ful for site-wide themes.

CSS FIL­TERS https://bit.ly/2oovswx

Al­ter the ap­pear­ance of el­e­ments without hav­ing to al­ter the file it­self. For ex­am­ple, blur an im­age to make a back­ground.

SCROLL SNAP­PING https://de­vel­op­ers.google.com/web/ up­dates/2018/07/css-scroll-snap

Cre­ate scrol­lable el­e­ments that have de­fined re­gions that should snap into view. Those larger than the view­port are han­dled au­to­mat­i­cally.

Newspapers in English

Newspapers from UK

© PressReader. All rights reserved.