Birdhouse Websites and Designs

Moving Your Business ONLINE?

Contact Us Today!

You?
Because you can! That and it adds a couple of fun elements to your page if that’s what you’re looking for.

Requirements:

Before

After

CSS

Add this to the bottom of your CSS stylesheet. You can play around with the height, width, and font size, or change the emoji by pressing the COPY button on emojipedia for the emoji you choose and paste it directly into the code below, replacing the horse emoji.

.yourClass:hover {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" style="font-size: 30px;"><text y="45">?</text></svg>'), auto;
}
%d bloggers like this: