ich bin ein bisschen Verwirrt: doe psedoklassen ::after und ::before funktionieren bei mir aus irgend welchen gründen nicht, während :hover selbst funktioniert.
Daran das ich mit "element" ein eigenes html element definiert habe, scheint es nicht zu liegen. Als Klasse mit p.element habe ich es ebenfalls getestet: klappt nicht.
Hat jemand eine Idee woran das liegt?
Danke schonmal im Voraus!
Code
section#innerbody {
[..]
}
section#innerbody element {
border: 1px solid blue;
background-color: #399;
width:400px;
}
section#innerbody element:hover {
border: 4px solid blue;
background-color: #399;
width:400px;opacity: 0.5;
}
section#innerbody element:hover::after {
border: 40px solid blue;
background-color: #899;
width:400px;
animation-duration: 2s;
animation-name: achter;
}
@keyframes achter {
from {
opacity: 1.0;
filter: alpha(opacity=100);
}
to {
opacity: 0.5;
filter: alpha(opacity=50);
}
}
Alles anzeigen