Day 64: Initial animations

After the basic layouts were setup and developed, I wanted to add a series of animations to my heading bar, social media icons and images. In order to do so I learn’t the attribute of a hover state and how to target it with an a-class.

1.Image hover:


2.Heading bar hover


These two bits of code created an effect hover for an underline on my heading bar and a image blur on my portfolio page. However, with my social media icons I wanted to take it to the next step. The reason for this was I had effectively coding a simple hover, so why not give myself the challenge of an animated hover.

I am really content with the coding I have done so far. I have learnt to appreciate code over time. If you have patience you can code anything.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s