Wie ändert man automatisch den Style eines Divs?

Um den fest definierten Style eines `<div>`-Elements automatisch zu ändern, kannst du JavaScript oder CSS-Animationen verwenden. Hier sind zwei Ansätze:

1. **JavaScript**: Du kannst JavaScript verwenden, um den Style eines `<div>`-Elements dynamisch zu ändern. Hier ein einfaches Beispiel:

```html
<div id="meinDiv" style="width: 100px; height: 100px; background-color: red;"></div>
<button onclick="aendereStyle()">Ändere Style</button>

<script>
function aendereStyle() {
var div = document.getElementById("meinDiv");
div.style.backgroundColor = "blue";
div.style.width = "200px";
div.style.height = "200px";
}
</script>
```

2. **CSS-Animationen**: Du kannst auch CSS-Animationen verwenden, um den Style eines `<div>`-Elements zu ändern. Hier ein Beispiel:

```html
<style>
@keyframes aendereFarbe {
from { background-color: red; }
to { background-color: blue; }
}

#meinDiv {
width: 100px;
height: 100px;
background-color: red;
animation: aendereFarbe 2s forwards;
}
</style>

<div id="meinDiv"></div>
```

In beiden Fällen wird der Style des `<div>`-Elements automatisch geändert, entweder durch eine Benutzerinteraktion (JavaScript) oder durch eine Animation (CSS).