Шаблон:Градиент/doc
 | Това е подстраница с документация за Шаблон:Градиент (вижте там за самия шаблон). Тя съдържа упътване за употреба, категории и друго помощно съдържание, което не е част от самата шаблон страница. |
Този шаблон създава градиент на фон.
Той в момента работи в Firefox (3,6 и по-висока версия), Opera (11.10 и по-висока), Safari (4,0 и по-висока) и Google Chrome.
Internet Explorer не го поддържа.
{{градиент | # начален цвят | # краен цвят | направление}}
или
{{gradient | # начален цвят | # краен цвят | направление}}
- начален цвят (задължително) - Начален цвят на градиента.
- краен цвят (задължително) - краен цвят на градиента.
- направление (по желание) - хоризонтално (horizontal) или вертикално (vertical)хоризонтално, по подразбиране - хоризонтално.
Примери[редактиране на кода]
<div style="{{градиент|#ffdddd|#ddddff|horizontal}}">{{цитат|Lorem ipsum...*...est laborum.}}</div>
| „ | 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="{{градиент|#ffdddd|#ddddff|vertical}}">{{цитат|Lorem ipsum...*...est laborum.}}</div>
| „ | 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="{{градиент|#ffdddd|#ddddff|horizontal|#ddffdd|50%}}">{{цитат|Lorem ipsum...*...est laborum.}}</div>
| „ | 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. | “ |
Вижте също[редактиране на кода]
- {{Border-radius}}
- {{Box-shadow}}