Make an image-based pop-up animation menu

As seen on mediadistribution.espn.com

DOWNLOAD TUTORIAL FILES www.filesilo.co.uk/bks-894 Hover effects – they never go out of fashion. No matter how much web design progresses away from the desktop and further into the touchscreen world, where hover effects become moot, designers still love to come up with new and entertaining rewards for placing the cursor on a relevant area of the page. Not only does it deliver the doorway to the next step in the user experience, but it also make it more entertaining to knock on that door in the first place. Take sports channel ESPN’s website: a veritable feast of background video, parallax animations, responsive layouts and, of course, impressive hover effects. In this Web Workshop, we’re going to create our own version of the pop-out menu items that appear about halfway down…

You're reading a preview of

The Web Design Book (Digital) - 1 Issue, The Web Design Book Vol 6

DiscountMags is a licensed distributor (not a publisher) of the above content and Publication through Zinio LLC. Accordingly, we have no editorial control over the Publications. Any opinions, advice, statements, services, offers or other information or content expressed or made available by third parties, including those made in Publications offered on our website, are those of the respective author(s) or publisher(s) and not of DiscountMags. DiscountMags does not guarantee the accuracy, completeness, truthfulness, or usefulness of all or any portion of any publication or any services or offers made by third parties, nor will we be liable for any loss or damage caused by your reliance on information contained in any Publication, or your use of services offered, or your acceptance of any offers made through the Service or the Publications. For content removal requests, please contact Zinio.