Skip to content
This repository was archived by the owner on Sep 6, 2021. It is now read-only.
This repository was archived by the owner on Sep 6, 2021. It is now read-only.

[quick view] Some gradients not yet supported #3458

@redmunds

Description

@redmunds

http://dev.w3.org/csswg/css-images-3/

This applies to both linear-gradient() and radial-gradient() types. There are also new repeating-linear-gradient() and repeating-radial-gradient() types. These formats are supported in the latest Chrome (26), but the version of CEF Brackets is using has Chrome 25.

/* gradients not yet supported */
.not_yet_supported_gradients {

    /* "to" keyword */
    background-image: linear-gradient(to right, #333, #CCC);

    /* non-prefixed radial-gradient() */
    background-image: radial-gradient(yellow, green); 

    /* repeating-linear-gradient() */
    background-image: repeating-linear-gradient(red, blue 20px, red 40px);
    background-image: repeating-linear-gradient(red 0px, white 0px, blue 0px);
    background-image: repeating-linear-gradient(red 0px, white .1px, blue .2px);

    /* repeating-radial-gradient() */
    background-image: repeating-radial-gradient(circle closest-side at 20px 30px, red, yellow, green 100%, yellow 150%, red 200%);
    background-image: repeating-radial-gradient(red, blue 20px, red 40px);
}

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions