Различия

Показаны различия между двумя версиями страницы.

--- background-image [2023/09/25 18:18]
tro
+++ background-image [2023/09/26 16:59] (текущий)
tro [Радіальний грдієнт]
@@ Строка 10: / Строка 10: @@
 </code>
 ===== Багатошаровий фон =====
-Елементу можна задати кілька фонових зображень одночасно. Достатньо перерахувати їх у властивості background-image через кому. Для кожного зображення також можна задати значення інших властивостей фону, також через кому в кожній властивості.
+Елементу можна задати кілька фонових зображень одночасно. Достатньо перерахувати їх у властивості background-image через кому. Для кожного зображення також можна задати значення інших властивостей фону, також через кому в кожній властивості. Першим прописуєтся те зображения що повиино буди найближче до глядача. Усі наступні параметри (відступи і т.д.) вказуются у тому ж порядку що й описані у background-image.
 <code>
 background-image: url(шлях до зображення 1), url(шлях до зображення 2);
@@ Строка 26: / Строка 26: @@
 	url(шлях до зображення);
 </code>
+<code>
+.linear {
+ background-image: linear-gradient (to right bottom,blues, yellow)
+}
+</code>
+Також можна вказати кількіссть пікселів скіольки якого кольору буде
+===== Радіальний грдієнт =====
+Єліптичний
+<code>
+.radial {
+ background-image: radial-gradient (yellow, blues)
+}
+</code>
+Круговий
+<code>
+.radial {
+ background-image: radial-gradient (circle, yellow, blues)
+}
+</code>
+<code>
+.radial {
+ background-image: radial-gradient (circle, yellow, blues)
+}
+</code>