Skip to content

Instantly share code, notes, and snippets.

@radkovo
Last active May 19, 2018 13:05
Show Gist options
  • Save radkovo/dac34aff1429ffc00204297a021398dc to your computer and use it in GitHub Desktop.
Save radkovo/dac34aff1429ffc00204297a021398dc to your computer and use it in GitHub Desktop.
CSS Functions
<shape> - deprecated
rect()
<basic-shape>
circle()
ellipse()
polygon()
inset()
TODO: support clip-path
<filter-function>
blur()
brightness()
contrast()
drop-shadow()
grayscale()
hue-rotate()
invert()
opacity()
saturate()
sepia()
<timing-function>
<single-transition-timing-function>
cubic-bezier()
steps()
frames()
<transform-function>
matrix()
matrix3d()
perspective()
rotate()
rotate3d()
rotateX()
rotateY()
rotateZ()
scale()
scale3d()
scaleX()
scaleY()
scaleZ()
skew()
skewX()
skewY()
translate()
translate3d()
translateX()
translateY()
translateZ()
font-variant-alternates
annotation()
character-variant()
ornaments()
styleset()
stylistic()
swash()
<image> - see https://developer.mozilla.org/en-US/docs/Web/CSS/background-image#image-set()
element()
image()
image-set()
cross-fade()
<gradient>
linear-gradient()
radial-gradient()
repeating-linear-gradient()
repeating-radial-gradient()
<counter>
counter()
counters()
TODO: update content: values
@font-face
format()
local()
colors
hsl()
hsla()
rgb()
rgba()
grids
fit-content()
minmax()
repeat()
Other
attr()
calc()
leader() ?
symbols() - see https://developer.mozilla.org/en-US/docs/Web/CSS/symbols
url()
var()
target-counter() ?
target-counters() ?
target-text() ?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment