Abschnitt: der Hase: Unterschied zwischen den Versionen
Aus ZUM Grundschullernportal
(Die Seite wurde neu angelegt: „ <div style="display:flex; justify-content: center"> {{#evt: service=youtube |id=g2BhEdEYHu4 |urlargs=start=020&end=075 |dimensions=400…“) Markierung: 2017-Quelltext-Bearbeitung |
Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
| Zeile 1: | Zeile 1: | ||
<div style=" | |||
--r:8px; /* radius */ | |||
--g:#e1e9f5, white; /* gradient */ | |||
border-radius:var(--r); | |||
padding:var(--r); | |||
background: | |||
/*corners*/ | |||
radial-gradient(farthest-side at bottom right,var(--g)) top left /var(--r) var(--r), | |||
radial-gradient(farthest-side at top right,var(--g)) bottom left /var(--r) var(--r), | |||
radial-gradient(farthest-side at bottom left ,var(--g)) top right/var(--r) var(--r), | |||
radial-gradient(farthest-side at top left ,var(--g)) bottom right/var(--r) var(--r), | |||
/* borders*/ | |||
linear-gradient(to top ,var(--g)) top /calc(100% - 2*var(--r)) var(--r), | |||
linear-gradient(to bottom,var(--g)) bottom/calc(100% - 2*var(--r)) var(--r), | |||
linear-gradient(to right ,var(--g)) right /var(--r) calc(100% - 2*var(--r)), | |||
linear-gradient(to left ,var(--g)) left /var(--r) calc(100% - 2*var(--r)); | |||
background-repeat:no-repeat;"> | |||
<div style="background-color: #e1e9f5; padding: 16px"> | |||
<div style="display:flex; justify-content: center"> | <div style="display:flex; justify-content: center"> | ||
| Zeile 10: | Zeile 27: | ||
}} | }} | ||
</div> | </div> | ||
</div> | |||
</div> | |||
>[[Lesepfad: Es klopft bei Wanja in der Nacht/Der Hase||'''⬅️ Zurück zu Abschnitt 1: der Hase kommt zu Wanja''']] | |||
