A tutorial on how to create a slider with a “prism” effect using HTML5 canvas globalCompositeOperation and a layering technique. Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. We’ll be using the HTML5 canvas element an
![Prism Effect Slider with Canvas | Codrops](https://cdn-ak-scissors.b.st-hatena.com/image/square/57996eac97ee8d20f372c161e943246ed7bdd5b9/height=288;version=1;width=512/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2015%2F03%2FPrismEffectSlider.jpg%3Fx71550)