weiss jemand was an diesem code falsch ist, da er nicht funktioniert! Er soll die Ränder vom Profilbild rund machen, wenn man mit der maus rüber fährt.
der code ist: /* Grundlegendes Styling für das Profilbild */
.profile-container {
display: inline-block;
overflow: hidden; /* Verhindert, dass das Bild über den Container hinausgeht */
}
.profile-img {
width: 100px; /* Standardgröße des Profilbildes */
height: 100px;
object-fit: cover; /* Bild so skalieren, dass es den gesamten Container ausfüllt */
border-radius: 10px; /* Anfangs leicht abgerundete Ecken */
transition: border-radius 0.3s ease, transform 0.3s ease; /* Weicher Übergang für den Hover-Effekt */
}
/* Effekt bei Hover */
.profile-img:hover {
border-radius: 50%; /* Vollständig runde Ecken beim Hover */
transform: scale(1.05); /* Leichtes Vergrößern des Bildes */
}
