Code preview hover effects
Learn how to recreate the impressive hover effect seen on epoch476.com
The main site title and logo show the author’s name of the portfolio and act as a ‘home’ button for the site.
As the user rolls over the headings the text shifts to the left, becomes larger and changes to an outline of the text.
The work headings are the main links on the page, these links are what the text looks like when the mouse is not over the title.
The menu allows access to the rest of the site with another shifting rollover effect that is equally as impressive as the main site content.
The cursor is a round white dot, but when the user moves over the main headings, it becomes much larger with a preview of the image showing itself inside.