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:

click on the image for a larger 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.

Comments

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

ETAZO1

1734283982

using. oh my god. you had no idea how MUCH i needed this. i searched for 3 hours on this website and out. do you have any clue if there's a way to put it over the profile pic? so much thanks, you are my savior. sorry for the long comment.

Report Comment

Rody_XD

1719866645

Using!!!

Report Comment

what did you set the px to? because when i make the image smaller it wont show up

by testing; 1730216714; Report

Go to a website where you can see the dimensions of your photo I use this (https://www.befunky.com/create/photo-editor/) and copy the dimensions!

by Rody_XD; 1730496322; Report

RODY [[EPILEPSY WARNING]]

1717378429

gonna try 2 use :3

Report Comment