As I venture into the realm of Photoshop patterns for the first time, I am working on a webpage where I plan to incorporate these patterns to enhance the background.
The pattern I have discovered measures 120x120 px.
If I were to stop here, I would simply use this CSS:
background-image: url(mypattern.jpg);
background-repeat: repeat;
However, I desire more than that. What I wish to achieve is to combine a linear gradient (from top to bottom with colors light blue to green) with the pattern fill layer atop it, blending mode set to darken.
This is the ultimate effect I aim to achieve:
Here's the real question at hand:
QUESTION: Is it feasible to find a pattern that seamlessly repeats both vertically and horizontally when combined with a linear vertical-gradient effect and my existing 120x120 pattern? What might be a common solution to this issue?
I hope this explanation clarifies things.
Thank you,
Luca