Szablon:Gradient
Ten szablon tworzy gradient w tle pola ramki.
Obecnie działa w Firefox (3.6 i wyżej), Opera (11,10 i więcej), Safari (4.0 i wyżej), Google Chrome i Internet Explorer 10. W innych przeglądarkach, wyświetla tylko początkowy kolor jako kolor tła.
Użycie
Użyj wewnątrz znacznika CSS.
Szablon wykorzystuje background-color
i background-image
właściwości, więc najlepiej jest umieścić je za innymi background
parametrami.
<div style="{{Gradient| #początkowy kolor | #ostatni kolor | [orientacja] | [pośredni kolor [| pozycja zmiany koloru]]}}">Lorem ipsum...</div>
początkowy kolor
– Obowiązkowy. Kolor początku gradientu w CSS notacji.ostatni kolor
– Obowiązkowy. Kolor końca gradientu w CSS notacji.orientacja
– Opcjonalny.horizontal
(domyślnie) lubvertical
, lub zaznaczyć początkową pozycję:left
,top
,right
lubbottom
.pośredni kolor
– Opcjonalny. Kolor pośredni między początkowym a końcowym kolorem.pozycja zmiany koloru
– Opcjonalny. Pozycja zmiany koloru pomiędzy 0% and 100%. Domyślnie jest 50%.
Każdy parametr musi być umieszczony na określonej pozycji.
Opis parametrów
Przykład
<div style="{{Gradient|#e8f4ff|#FFFFFF|horizontal}}">Lorem ipsum...</div>
da
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div style="{{Gradient|#ffdddd|#ddddff|horizontal|#ddffdd|50%}}">Lorem ipsum...</div>
da
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div style="{{Gradient|#e8f4ff|#e8f4ff|vertical|white|50%}}{{Promień ramki|16px 8px 16px 8px}}{{Cień ramki}}">Lorem ipsum...</div>
da
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Błędy
Błędy należy zgłaszać na stronie Wikipedia:Kawiarenka/Kwestie techniczne.
Zobacz też
- {{Ramka}}
- {{Cień ramki}}
- {{Promień ramki}}
🔥 Top keywords: Wikipedia:Strona głównaMistrzostwa Europy w Piłce Nożnej 2024Specjalna:SzukajWikipedia:O WikipediiMichał ProbierzMistrzostwa Europy w Piłce Nożnej 2020Kylian MbappéMistrzostwa Europy w piłce nożnejMistrzostwa Świata w Piłce Nożnej 2022Antoine GriezmannNicola ZalewskiMistrzostwa świata w piłce nożnej mężczyznReprezentacja Francji w piłce nożnej mężczyznDzień OjcaTaras RomanczukRomelu LukakuMistrzostwa Europy w Piłce Nożnej 2016Reprezentacja Polski w piłce nożnej mężczyznAdam BuksaZofia Noceti-KlepackaPolskaDidier DeschampsRobert LewandowskiMistrzostwa Świata w Piłce Nożnej 2026FentanylMistrzostwa Europy w Piłce Nożnej 2028N’Golo KantéOndrej DudaPałac Stolbergów we WrocławiuSłowacjaGheorghe HagiMistrzostwa Europy w Piłce Nożnej 2020/FinałCristiano RonaldoReprezentacja Rumunii w piłce nożnej mężczyznMistrzostwa Europy w Piłce Nożnej 2012Tadeusz GapińskiMistrzostwa Europy w Piłce Nożnej 2024 (eliminacje)Olivier GiroudDawid Podsiadło