Particle Effects Rendering Above Canvas

So today's topic is the issue I found when trying to render particle effects on a moving slider. See completed example below.

In order to do this, I had to first change the UI Canvas Render Mode to "Screen Space -Camera" to lock the UI render to a single camera instead of the whole scene.

Then I created a second camera in the scene and dragged it into the "Render Camera" slot on the UI Canvas.

My next step what to create a new "Layer" to which I called "Particles".

On the main camera I set the culling mask to not show "Particles" and set the second camera to only show "Particles".

I then set the UI Canvas Layer to "Particles"

On the second camera I then set Clear Flags to depth only.

Then lastly set the depth on the main camera to 0 and on the second camera 1.

Then ta da!