Cannabis Sprite Sheet

Are you looking for the perfect emoji for your cannabis website? Do you have the technical know-how to implement your styles and update your code?

Look no further! I have done all of the work for you. Just save the image below to your website and update the paths to the image location.

Then you are set! Your New Canna Emoji’s

A sprite sheet is an image that consists of several smaller images (sprites) and/or animations. Combining the small images in one big image improves the site’s performance, reduces memory usage, and speeds up the loading time of the website.

Save the original image to your image folder and update the CSS

 

.emoji{ display: inline-block; width: 99px; height: 99px; opacity:.25; }

.emoji:hover{ opacity:1; }
.e-1 { background: url(https://i.imgur.com/d2X4L01.png) 0 0; }
.e-2 { background: url(https://i.imgur.com/d2X4L01.png) 50% 0; }

.e-3 { background: url(https://i.imgur.com/d2X4L01.png) 100% 0; }
.e-4 { background: url(https://i.imgur.com/d2X4L01.png) 0 20%; }
.e-5 { background: url(https://i.imgur.com/d2X4L01.png) 50% 20%; }

.e-6 { background: url(https://i.imgur.com/d2X4L01.png) 100% 20%; }
.e-7 { background: url(https://i.imgur.com/d2X4L01.png) 0 40%; }
.e-8 { background: url(https://i.imgur.com/d2X4L01.png) 50% 40%; }

.e-9 { background: url(https://i.imgur.com/d2X4L01.png) 100% 40%; }
.e-10 { background: url(https://i.imgur.com/d2X4L01.png) 0 60%; }
.e-11 { background: url(https://i.imgur.com/d2X4L01.png) 50% 60%; }

.e-12 { background: url(https://i.imgur.com/d2X4L01.png) 100% 60%; }
.e-13 { background: url(https://i.imgur.com/d2X4L01.png) 0 80%; }
.e-14 { background: url(https://i.imgur.com/d2X4L01.png) 50% 80%; }

.e-15 { background: url(https://i.imgur.com/d2X4L01.png) 100% 80%; }
.e-16 { background: url(https://i.imgur.com/d2X4L01.png) 0 100%; }
.e-17 { background: url(https://i.imgur.com/d2X4L01.png) 50% 100%; }

.e-18 { background: url(https://i.imgur.com/d2X4L01.png) 100% 100%; }

 

Hover Over An Emoji

<* class=”emoji e-1″></*>
<* class=”emoji e-2″></*>
<* class=”emoji e-3″></*>

<* class=”emoji e-4″></*>
<* class=”emoji e-5″></*>
<* class=”emoji e-6″></*>

<* class=”emoji e-7″></*>
<* class=”emoji e-8″></*>
<* class=”emoji e-9″></*>

<* class=”emoji e-10″></*>
<* class=”emoji e-11″></*>
<* class=”emoji e-12″></*>

<* class=”emoji e-13″></*>
<* class=”emoji e-14″></*>
<* class=”emoji e-15″></*>

<* class=”emoji e-16″></*>
<* class=”emoji e-17″></*>
<* class=”emoji e-18″></*>

<* class=”emoji e-19″></*>
<* class=”emoji e-20″></*>
<* class=”emoji e-21″></*>

<* class=”emoji e-22″></*>
<* class=”emoji e-23″></*>
<* class=”emoji e-24″></*>

<* class=”emoji e-25″></*>
<* class=”emoji e-26″></*>
<* class=”emoji e-27″></*>

Be inspired by the unconventional wisdom of our peers and experts as they help us get to a higher state of consciousness.

Sign-in and edit your profile. Not yet a Member? Register and claim your spot among the anointed ones!

Looking for the Shop?

Indica vs Sativa. Which type of bud comes out on top? You can decide for yourself as we now dive deep into the world of the various types of cannabis strains.

 
 



 

Leave a Reply