css code für profilbilder?
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 */
}
