In previous tutorials we've looked into harnessing the Behance API to drive our own web page, and then, using LESS, we made the whole thing look presentable . In this tutorials we're going to enhance the experience for visitors by adding a lightbox effect and some CSS animations. Lightbox and Animation Effects Many portfolio websites today employ a lightbox of some kind for their portfolio images. In this tutorial, we will apply the same to our website. The image cover will zoom-in when the users click on it, along with the other images that are in the content, so the users will be able to see each image therein more closely. Here are the tools we need to accomplish this: Magnific Popup We're going to rely on a jQuery Lightbox plugin called Magnific Popup by Dmitry Semenov. It's lightweight in size, fast, and responsive — just the way we want it. Animate.css We will also incorporate CSS3 animation to help our website come alive.
↧