Czy to jest właściwy dział na zagadnienia o CSS?
Zaczynam bawić się animacjami CSS.
Zauważyłem, że w przykładach np. w tym...
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 20px;
height: 20px;
background-color: red;
position: relative;
animation-name: example;
animation-duration: 4s;
animation-iteration-count: infinite;
}
@keyframes example {
0% {background-color:red; left:0px; top:0px;}
25% {background-color:yellow; left:708px; top:0px;}
50% {background-color:blue; left:0px; top:0px;}
75% {background-color:green; left:708px; top:0px;}
100% {background-color:red; left:0px; top:0px;}
}
</style>
</head>
<body>
<p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p>
<div></div>
</body>
</html>
Jeśli zmienię nazwę znacznika DIV na jakikolwiek inny?
albo jeśli deklaracje animacji nie będę pakował w DIV
tylko w jakąś ID albo CLASS (# albo .) to animacja nie działa.
Po prostu nic nie wyświetla się na ekranie.
Czy mógłby ktoś wyjaśnić ten aspekt?
Dzię…uprzejmie. Pozdrawiam serdecznie.
Kuba