Hey everybody I want to let you know that I have undertaken the grueling task of getting the heck away from WordPress. I was so sick of the problems and updates I had to do all the time. I am now using my ezbloo system and I am integrating all my old posts into the new system. It sucks, but in the end, I will save bundles of time. I needed to keep things simple and that is why I created ezbloo. I'll have more on this later for you guys after I am done with the total integration of my old posts here. So if you are looking for a post and need it faster, shoot me an email and I will make it a priority. [email protected]

Many times there are clients that want to know how to apply a CSS hover effect in their website. This is an easy process when done with CSS. First we will write a div tag and give it an id. We will call our example of a CSS hover effect hover.
<div id="hover"></div>
Now we will target the div in our style sheet. We are just using a square for our hover effect example here.  Please notice that we input another set of commands with CSS and we use #hover:hover to let the DOM know what to do when people hover over the image.
<style>
#hover{
width:100px;
height:100px;
background:red;
}

#hover:hover{
background:purple;
with:200px;
}
</style>

Video on How to Apply a CSS Hover Effect

https://youtu.be/cwkcVA5IqcQ