The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Trying to apply mulitple gradients as a background

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #206302

    I have a website in which I’m trying to get a radial gradient background, overlaid with pinstripes. I’ve achieved that using two gradients. Here’s my original CSS based on a CSS-Tricks post:

    background: repeating-linear-gradient(
    transparent 2px,
    #101010 4px,
    #737373 4px

    Here’s a link of my desired effect. I’m having trouble getting it to work in Code Pen, so hopefully this JS Fiddle link will work in it’s place.

    In Firefox, the stripes look great, but when I take it into Chrome, it looks horrible. The thickness of the stripes are all uneven. I found a post online that showed me a way to change the code and make it look good in both Firefox and Chrome. However, this change will not allow me to apply both gradients.

    Here’s a Code Pen of my current code:

    Any help would be greatly appreciated!!!

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.