Chandan

Forum Replies Created

Viewing 1 replies (of 1 total)
  • Thread Starter Chandan

    (@whattechsays)

    I found the problem.
    The css is:

    ._f0c8e08 {
    background-image: linear-gradient(.5 turn,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);
    }

    But it should be.
    ._f0c8e08 { background-image: linear-gradient(180deg,rgba(0,0,0,0) 49%,rgba(0,0,0,.7) 100%); }

    • .5 turn is equivalent to 180 degrees, since 1 turn equals 360 degrees
    • Angles in CSS gradients need to be specified in deg/rad/grad units
    • I kept the 49% and 100% color stop positions the same

    So by changing .5 turn to 180deg, it will now be valid CSS syntax and produce the same visual effect.

Viewing 1 replies (of 1 total)