picture changes on mousepoint(bottom left)

Tags: hover, image, change on mousepoint, changing image

Description:

just a thingy. when you have your cursor is on the picture it changes also im not sure how "clean" the code is but it works so whatevs

Preview:

Code:

<!-- (c) Layout created by Alecu/Al⚝ (https://layouts.spacehey.com/layout?id=105134) --> <style> .image-container { width: 300px; height: 450px; position: fixed; bottom: -25px; /*adjust this value to set the distance from the bottom */ right: 20px; /* adjust this value to set the distance from the right */ z-index: 100; overflow: visible; } .image-container::before { content: url('https://static.wikia.nocookie.net/whentheycry/images/6/69/Ha_pc_god.png/revision/latest?cb=20140720234759'); /*here change to your picture 1 */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.3s ease-in-out; } .image-container:hover::before { content: url('https://static.wikia.nocookie.net/umineko/images/7/7d/HanyuuOG_%284%29.png/revision/latest?cb=20200711152420'); /*here change to your picture 2 */ } </style> <div class="image-container"></div>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.