czy można użyć animacji klatek kluczowych css do pseudoelementów, takich jak "przed" i "po"? Zajmuję się tworzeniem usługi internetowej dla smartfonów i chcę migać element. ale nie chcę mrugać samym elementem. więc sposoby, w jaki wymyśliłem, to dwa; jednym jest pokrycie elementu innym elementem i miganie tego elementu; i innym jest użycie pseudoelementu, ale wygląda na to, że nie działa.Czy można użyć animacji klatek kluczowych do pseudoelementu?
css:
.fadeElement {
background-color: #000000;
width: 60px;
height: 60px;
}
.fadeElement:after {
display: block;
content: '';
position: relative;
height: 100%;
width: 100%;
z-index: 500;
background-color: rgba(249, 4, 0, 0.5);
animation-name: 'fade';
animation-duration: 2s;
animation-iteration-count: infinite;
-webkit-animation-name: 'fade';
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
}
@keyframes 'fade' {
0% {
opacity: 0;
}
40% {
opacity: 0.5;
}
60% {
opacity: 0.5;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes 'fade' {
0% {
opacity: 0;
}
40% {
opacity: 0.5;
}
60% {
opacity: 0.5;
}
100% {
opacity: 0;
}
}
html:
Internet Explorer 10 animuje także pseudo-elementy. – Sampson