Aside from `repeat()`, are there any other CSS functions?


#1

Question

Aside from repeat(), are there any other CSS functions?

Answer

Yes there are! Various properties accept CSS functions as values. In fact, in the last lesson you learned about the rgb() and hsl() color functions!

Check out this CSS function list.


#2

CSS Function List

A

additive-symbols (@counter-style)
annotation()
attr()

B

blur()
brightness()

C

calc()
character-variant()
circle()
contrast()
cross-fade()
cubic-bezier()

D

drop-shadow()

E

element()
ellipse()

F

fallback (@counter-style)
<filter-function>
::first-letter (:first-letter)
::first-line (:first-line)
fit-content()
font-family (@font-face)
font-feature-settings (@font-face)
font-stretch (@font-face)
font-style (@font-face)
font-variant (@font-face)
font-variation-settings (@font-face)
font-weight (@font-face)
format()
frames()

G

grayscale()

H

height (@viewport)
hsl()
hsla()
hue-rotate()

I

image-set()
inset()
invert()

J

K

L

leader()
linear-gradient()
local()

M

matrix()
matrix3d()
max-height (@viewport)
max-width (@viewport)
max-zoom (@viewport)
min-height (@viewport)
min-width (@viewport)
min-zoom (@viewport)
minmax()

N

negative (@counter-style)

O

opacity()
orientation (@viewport)
ornaments()

P

pad (@counter-style)
perspective()
polygon()
prefix (@counter-style)

Q

R

radial-gradient()
range (@counter-style)
rect()
repeat()
repeating-linear-gradient()
repeating-radial-gradient()
rgb()
rgba()
rotate()
rotate3d()
rotateX()
rotateY()
rotateZ()

S

saturate()
scale()
scale3d()
scaleX()
scaleY()
scaleZ()
sepia()
skew()
skewX()
skewY()
speak-as (@counter-style)
src (@font-face)
steps()
styleset()
stylistic()
suffix (@counter-style)
swash()
symbols (@counter-style)
symbols()
system (@counter-style)

T

target-counter()
target-counters()
target-text()
translate()
translate3d()
translateX()
translateY()
translateZ()

U

unicode-range (@font-face)
url()
user-zoom (@viewport)

V

var()

W

width (@viewport)

Z

zoom (@viewport)

Pseudo-classes

:dir()
:host()
:host-context()
:lang()
:not()
:nth-child()
:nth-last-child()
:nth-last-of-type()
:nth-of-type()

Keyword index