hallo ich habe eine css code hover effect erstellt. Eine Mausspur mit Sternchen. Leider funktioniert dieser nicht... kann jedem ihn bitte überarbeiten, damit er funktioniert?

das hier ist der. Code:

.sternchen-spur {

 position: relative;

}

.sternchen-spur:after {

 content: "";

 position: absolute;

 top: 0;

 left: 0;

 width: 100%;

 height: 100%;

 background-image: urlhttps://64.media.tumblr.com/29e130b36acf65337949684c08828d8f/b395ce30f4b3ca50-d6/s250x400/902c89d3c9b6c2b48efe2937ade0e729b5e46ef0.gif); /* Ersetze durch dein Sternchen-Bild */

 background-size: cover;

 opacity: 0;

 transition: opacity 0.3s ease-in-out;

}

.sternchen-spur:hover:after {

 opacity: 0.5;

}