Ruchomy avatar po najechaniu myszką.

[Ori]

Witam, jak zrobić ruchomy avatar który się przekreca w prawo o 180 stopni po najechaniu myszką? Jaki kod i gdzie wkleić? 

Edytowane 8 Października przez Ori

[DawPi]

HTML przykładowy do edycji szablonu gdzie się wyświetla awatar:

<div class="avatar-container">
    <img src="your-avatar-image.jpg" alt="Avatar" class="avatar" id="avatar">
</div>

I HTML co custom.css:

.avatar-container {
    perspective: 1000px; /* Umożliwia 3D */
}

.avatar {
    width: 100px; /* Ustal szerokość swojego awatara */
    transition: transform 0.6s; /* Czas trwania animacji */
}

.avatar:hover {
    transform: rotateY(180deg); /* Obrót o 180 stopni */
}

 

[Ori]

Gdzie to wkleić? Te drugie wkleiłem do custom i nic sie nie zmieniło 

[DawPi]

W dniu 9.10.2024 o 15:58, DawPi napisał(a):

HTML przykładowy do edycji szablonu gdzie się wyświetla awatar: