Interface ImageFunctions

Hierarchy

  • ImageFunctions

Properties

-moz-element() -moz-linear-gradient() -moz-radial-gradient() -moz-repeating-linear-gradient() -moz-repeating-radial-gradient() -o-linear-gradient() -o-repeating-linear-gradient() -webkit-gradient() -webkit-image-set() -webkit-linear-gradient() -webkit-radial-gradient() -webkit-repeating-linear-gradient() -webkit-repeating-radial-gradient() cross-fade() element() image() image-set() linearGradient radialGradient repeatingLinearGradient repeatingRadialGradient url

Properties

-moz-element()

-moz-element(): StyleObject<{}>

Use an element in the document as an image. Remember to use unprefixed element() in addition.

-moz-linear-gradient()

-moz-linear-gradient(): StyleObject<{}>

Linear gradient. Remember to use unprefixed version in addition.

-moz-radial-gradient()

-moz-radial-gradient(): StyleObject<{}>

Radial gradient. Remember to use unprefixed version in addition.

-moz-repeating-linear-gradient()

-moz-repeating-linear-gradient(): StyleObject<{}>

Repeating Linear gradient. Remember to use unprefixed version in addition.

-moz-repeating-radial-gradient()

-moz-repeating-radial-gradient(): StyleObject<{}>

Repeating radial gradient. Remember to use unprefixed version in addition.

-o-linear-gradient()

-o-linear-gradient(): StyleObject<{}>

Linear gradient. Remember to use unprefixed version in addition.

-o-repeating-linear-gradient()

-o-repeating-linear-gradient(): StyleObject<{}>

Repeating Linear gradient. Remember to use unprefixed version in addition.

-webkit-gradient()

-webkit-gradient(): StyleObject<{}>

Deprecated. Use modern linear-gradient() or radial-gradient() instead.

-webkit-image-set()

-webkit-image-set(): StyleObject<{}>

Provide multiple resolutions. Remember to use unprefixed image-set() in addition.

-webkit-linear-gradient()

-webkit-linear-gradient(): StyleObject<{}>

Linear gradient. Remember to use unprefixed version in addition.

-webkit-radial-gradient()

-webkit-radial-gradient(): StyleObject<{}>

Radial gradient. Remember to use unprefixed version in addition.

-webkit-repeating-linear-gradient()

-webkit-repeating-linear-gradient(): StyleObject<{}>

Repeating Linear gradient. Remember to use unprefixed version in addition.

-webkit-repeating-radial-gradient()

-webkit-repeating-radial-gradient(): StyleObject<{}>

Repeating radial gradient. Remember to use unprefixed version in addition.

cross-fade()

cross-fade(): StyleObject<{}>

Indicates the two images to be combined and how far along in the transition the combination is.

element()

element(): StyleObject<{}>

Use an element in the document as an image.

image()

image(): StyleObject<{}>

Provide image fallbacks and annotations.

image-set()

image-set(): StyleObject<{}>

Provide multiple resolutions of an image and const the UA decide which is most appropriate in a given situation.

linearGradient

linearGradient: ((...params: [direction: CSSAngle | CSSSideOrCorner, ...colorStops: CSSLinearColorStopOrHint[]]) => StyleObject<{}>)

Type declaration

radialGradient

radialGradient: ((...params: [shapeSizeAtPosition: string, ...colors: CSSLinearColorStopOrHint[]]) => StyleObject<{}>)

Type declaration

repeatingLinearGradient

repeatingLinearGradient: ((...params: [direction: CSSAngle | CSSSideOrCorner, ...colorStops: CSSLinearColorStopOrHint[]]) => StyleObject<{}>)

Type declaration

repeatingRadialGradient

repeatingRadialGradient: ((...params: [shapeSizeAtPosition: string, ...colors: CSSLinearColorStopOrHint[]]) => StyleObject<{}>)

Type declaration

    • (...params: [shapeSizeAtPosition: string, ...colors: CSSLinearColorStopOrHint[]]): StyleObject<{}>

    • Same as radial-gradient, except the color-stops are repeated infinitely in both directions, with their positions shifted by multiples of the difference between the last specified color-stop’s position and the first specified color-stop’s position.

      Parameters

      Returns StyleObject<{}>

url

url: ((...params: [url: string, base64: boolean, dataType: string]) => StyleObject<{}>)

Type declaration

    • (...params: [url: string, base64: boolean, dataType: string]): StyleObject<{}>

    • Reference an image file by URL

      Parameters

      • Rest ...params: [url: string, base64: boolean, dataType: string]

      Returns StyleObject<{}>

Settings

Member Visibility

Theme