Laravel

Benizora - Blog Posts

thenerdyrehelps

11 years ago

PAGE 01: TAGS LIST

UPDATED: 8.26.12 LIVE PREVIEW [ HERE ] & [ HERE ] / CODES [ HERE ] CREDIT: Referred to LMTHEME’S tutorial for transitions in order to figure out how the hover effect works.

HOW THIS PAGE WORKS:

This page features a really cool hover effect! When you hover over the picture, the dropdown menu slides in from the bottom to reveal your tag list. I really suggest checking out the live preview, just because the static picture doesn’t really do it any justice XD

This page is a lot of fun and is definitely easy to customize if you know your way around code.

NOTE: Main image MUST be resized to 500px x 300px in order for this to work! Otherwise image will be cropped or shrunken down awkwardly.

Directions on how to change images & color to follow below: