My current divider element is styled with CSS properties as follows:
.divider {
height: 2px;
background: black;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff));
}
I have two questions regarding this design. Firstly, how can I adjust the fading effect to be responsive? Currently, the fading starts at a fixed length which I would like to change.
Secondly, can someone provide an explanation or link explaining the
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff));I came across this online and it seems suitable for my needs, but I am unclear about the purpose of each number within the code. The last one appears to dictate size, however using percentages doesn't seem to work. Adjusting the other numbers doesn't seem to have any noticeable effect. Can someone clarify this for me?