CSS Animations

Here is a showcase of some CSS Animations & Transitions I have used in my portfolio site, or that I am experimenting and debating using in the final sit. Enjoy!

1. Scrolling Bar

This is a scrolling bar on my homepage, which rotates a carousel of terms from my life!

Mercer Island San Diego State University USC Iovine & Young Academy Digital Innovation UI/UX Design Product Management Entrepreneurship Mercer Island San Diego State University USC Iovine & Young Academy Digital Innovation UI/UX Design Product Management Entrepreneurship

2. Project Icons Hover

These are the icons on my homepage for the Projects seciton. When you hover over the buttons, they change color and shadows to signal to the user that these buttons should be clickable buttons. They will eventually lead to those pages on my Projects page.

3. About Me Image Change

This is the profile image of myself in my homepage under the About Me section. When you hover over the profile image, it will switch into a different image as well as have a hover animation. This image will also link to the About Me page.

Mark Hou headshot default iovine photo

4. Text Change Hover

This is an overview of the buttons on my navigation bar, where the text changes as you hover over the navigation links.

5. Logo Change Hover

This is an overview of the buttons on my navigation bar, where the logo changes as you hover over the link to the homepage.

Mark Hou Logo