Schülerprojekt zu Anleitungen/Ende: Lernpfad zu Anleitungen: Unterschied zwischen den Versionen
Aus ZUM Grundschullernportal
Keine Bearbeitungszusammenfassung 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: #A8DF4A; padding: 16px"> | |||
'''Du befindest dich am Ende des Lernfpades!''' | '''Du befindest dich am Ende des Lernfpades!''' | ||
[[Datei:Ende des Lernfpades .png|zentriert]] | [[Datei:Ende des Lernfpades .png|zentriert]] |