Code Snippets

Code Snippets

Use these as much as you like

Animate on Hover

Remember these icon effects from the front page? Hover over the icon block to the right for a reminder. These are linked to the code so that you can use this effect yourself. In the downloadable code I've used fontawesome icons - these ones are et-font icons - in case you were wondering.

Get The Code


Animated Icons

Get The Code

 Inspired by genius - driven by passion

Image Hover Overlay


Image Hover Overlay

Image Hover Overlay

This is the effect I used on the themes page. It is a simple overlay effect created using HTML and CSS that unhides a 'div' when hovering over the content. You can add anything to the hidden 'div', within reason, and bearing in mind the constraints of the size of 'div' itself - simple yet quite effective don't you think?

Get The Code


The End of the page

There won't be anymore.

That was a ton of code - things google gave me along the way.
Yep - I searched for the functionality I wanted - worked for me!
Let me know if you have questions.
The End!

Social Me

Feel free to visit me on Social Media. I have opinions and I express them - would love to hear yours, philosophically speaking of course.

All opinions expressed here and on Social Media are my own and do not represent the views of anyone or anything else.

I have to say that - there are some 'not so nice' folks out there you know.


Want to say hello? Want to know more about what's going on in my world? Drop me an email and I will get back to you as soon as I can.

Developed by Steve Shead - All Rights Reserved