Wie kann man in CSS einen Layer einsliden lassen?

Um in CSS einen Layer (z. B. ein div-Element) einsliden zu lassen, kannst du CSS-Animationen oder Transitionen verwenden. Hier ist ein einfaches Beispiel wie du einen Layer von der Seite hereinsliden lassen kannst:

### HTML
```html
<div class="container">
<div class="layer" id="slidingLayer">Ich bin ein Layer!</div>
</div>
<button onclick="toggleLayer()">Toggle Layer</button>
```

### CSS
```css
.container {
position: relative;
overflow: hidden;
width: 300px;
height: 200px;
border: 1px solid #000;
}

.layer {
position: absolute;
top: 0;
left: -300px; /* Startposition außerhalb des Sichtbereichs */
width: 300px;
height: 100%;
background-color: lightblue;
transition: left 0.5s ease; /* Übergangseffekt */
}

.layer.active {
left: 0; /* Endposition */
}
```

### JavaScript
```javascript
function toggleLayer() {
const layer = document.getElementById('slidingLayer');
layer.classList.toggle('active');
}
```

### Erklärung
1. **HTML**: Ein Container und ein Layer, der hereinsliden soll.
2. **CSS**: Der Layer beginnt außerhalb des Containers (links) und wird durch die Klasse `.active` in die Sichtbarkeit geschoben.
3. **JavaScript**: Eine Funktion, die die Klasse `.active` hinzufügt oder entfernt, um den Layer ein- oder auszublenden.

Mit dieser Methode kannst du den Layer animiert von der Seite hereinsliden lassen.