Why svg is not shown?

April 4th 20 at 00:45
1 answer
April 4th 20 at 00:47
Solution
It is, of course, is shown. But clearly only the left corner of the picture. And it is transparent.
So it seems that is not shown.
At the background there is another size, repeat and position.
background-size: contain; - eduardo30 commented on April 4th 20 at 00:50
@eduardo30, nope, not contain because the need to Ola 5 stars. - Tyree commented on April 4th 20 at 00:53
@Tyree,
So right away. Background svg will shrink to accommodate the vertical and repeat horizontally. - eduardo30 commented on April 4th 20 at 00:56
@eduardo30, although I'm not right, of course, also contain, possibly, will go, but still repeat the type of space - Tyree commented on April 4th 20 at 00:59
@eduardo30, yeah - Tyree commented on April 4th 20 at 01:02
@eduardo30, Yes
thank you
but as I red to do the content again. now extra zakruchivaetsya - Dixie.Gislason commented on April 4th 20 at 01:05
@Dixie.Gislason, very simple to make the star transparent, and everything else is not.
Not to play blend-mod'y - Tyree commented on April 4th 20 at 01:08
@Dixie.Gislason, CSS style to change the background-image is impossible. So 3 options:
1) Make a svg instead, inside the asterisk was transparent, and the outside filled with the background color.

2) don't Insert svg background-image-eat, and in the DOM. Then you can edit svg with JS.

3) to Make another SVG from with 5 stars-masks and the background and control the background using the stroke-dashoffset. - eduardo30 commented on April 4th 20 at 01:11
@Tyree, I just need one gray to do it
when not moving

and when move - orange
only the asterisk - Dixie.Gislason commented on April 4th 20 at 01:14
@eduardo30,
2) don't Insert svg background-image-eat, and in the DOM. Then you can edit svg with JS.

but exactly how to manage? there are two path - Dixie.Gislason commented on April 4th 20 at 01:17
@eduardo30You dropped css.yoksel.ru/svg-masks
I have it appears - Dixie.Gislason commented on April 4th 20 at 01:20
@Dixie.Gislason, from the bottom of the block background like stars in the normal state.
Then red.
The stars themselves are transparent, they color, white or whatever. - Tyree commented on April 4th 20 at 01:23
@Dixie.Gislason,
2) don't Insert svg background-image-eat, and in the DOM. Then you can edit svg with JS.

but exactly how to manage? there are two path

Yeah, have to redo the svg To fill was a gradient from 0 to X - red, X 100 - white.
You dropped css.yoksel.ru/svg-masks
I have it appears

Weird. Works for me.

It is much easier to do as advised by @Tyree - eduardo30 commented on April 4th 20 at 01:26
@Dixie.Gislason, I've sent you mail but ready... - Brayan_Moore commented on April 4th 20 at 01:29
@Brayan_Moore, do not want too put here? Not rare because the task - Tyree commented on April 4th 20 at 01:32
@Tyree, laziness - Brayan_Moore commented on April 4th 20 at 01:35
@Brayan_Moore, this argument is familiar to me and understandable))) - Tyree commented on April 4th 20 at 01:38

Find more questions by tags HTMLLayout