˙✮⋆ Sky!!! ⋆✮˙'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

BTD Ren Hana at the corner of your profile!!! :33 (CODE)

COMMENT USING IF YOU USE PLS!!!


Hello!! I'm back with another interactive code, this time for boyfriend to death :P If you place your cursor over Ren he gets electrocuted.

Test it if you want, there's Ren in the right corner.

My blogs are too long cuz of the codes so now of you press on the text below the code will appear!! You can hide it again to continue reading, this will be much helpful to organize future posts omg. The more I find out about SpaceHey the best it is. 

TYY to all of you who have been supporting my silly layout and coding posts here in my blogs. You're all so nice, even seeing one user giving kudos makes my day <33 Lov u all and thanks again ^^

I'm accepting requests to make similar stuffs for other characters from BTD and even more fandoms. I have already done some layouts posted, you can check my pinned blog for that!! It contains all my layouts posted and is updated as soon as a new one is out. 

Pls keep me informed in case something it's not working or it starts lagging. I'm still new so mistakes may happen but I'll always make sure to fix them, so dw.

Here's the code, copy and paste in About Me section and done!!



Ren Hana Code

 <style>


    .renshocked {


        background: url(https://i.ibb.co/fYVP7hcy/ren-scared.png) no-repeat;


        background-size: 100%!important;


        position: fixed;


        right: 10px;


        bottom: -12px;


        height:300px;


        width:248px;


    }




    .renshocked:hover {


        background: url("https://i.ibb.co/WmFCsTq/ren-shocked.png");


        animation: renshocked 0.75s;


        animation-iteration-count: infinite;


        animation-timing-function: cubic-bezier;


    }




    @keyframes renshocked {


        0%,


        100% {


            transform: translateX(0%);


            transform-origin: 50% 50%;


            content: url("")


        }


        15% {


            transform: translateX(-2px) rotate(-2deg);


        }


        30% {


            transform: translateX(5px) rotate(8deg);


        }


        45% {


            transform: translateX(-6px) rotate(-6.6deg);


        }


        60% {


            transform: translateX(5px) rotate(4.4deg);


        }


        75% {


            transform: translateX(-6px) rotate(-1.2deg);


        }


    }




    }


</style>




<div class="renshocked"></div>


Hope you like it, byee!!!

🙏BLESS🙏


1 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )