I really like the effect of overlapping different SVG blobs with some opacity (and possibly different colors) to give it some added visual interest. These techniques will all work with with the overlapping concept. Thanks! Could you also share the html you used for these samples?
I like that effect too. I don't have the code I used any more. For the HTML on the first two examples, you'll likely want to place the background class on the container that wraps the section and all its content.
@@MattVisiwig I started coding this up, but I can't figure out how to apply opacity on the svg when it's on the background. How would you accomplish this?
Loved the video Matt. Great quick tutorial
Thanks my friend! Glad you loved it!
I really like the effect of overlapping different SVG blobs with some opacity (and possibly different colors) to give it some added visual interest. These techniques will all work with with the overlapping concept. Thanks!
Could you also share the html you used for these samples?
I like that effect too. I don't have the code I used any more. For the HTML on the first two examples, you'll likely want to place the background class on the container that wraps the section and all its content.
@@MattVisiwig I started coding this up, but I can't figure out how to apply opacity on the svg when it's on the background. How would you accomplish this?
@@terhuneb, yeah, you can't place opacity easily on backgrounds. Instead, place it on the SVG. Use fill-opacity="0.5" on the path.