Линейни градиенти

HTML5 и CSS3 HTML (HyperText Markup Language) е най-популярният език за изработка и описание на уеб страници, а CSS (Cascading Style Sheets) е скриптов език за описание на стилове и визуално оформление на документи.

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
Назад Алтернативен видео плеър
¿ Напред

Тест за преминаване към следващия урок

 
Какво представляват линейният градиент?
Преливка от един цвят към друг или няколко последователни преливки в права линия
Background-image, в който поставяме linear-gradient
И двете

Въпроси и отговори

  • Защо се повтаря линейния градиент?

    Георги Димитров:

    Страница с iframes, респ. iframes header e:

    , а .head { float:left; height:15%; width:100% Правя линеен градиент в преливане в сиво: background: linear-gradient(180deg,#9D9D9D,#ECECEC);

    НО... в долната част тъмното сиво ми се повтаря като линия. Как да НЕ СЕ повтаря градиента? Има ли начин да му се укаже да обхваща цялата височина на iframe - тези 15%?

    Борис Митев:

    По принцип градиента заема целия елемент и не би трябвало да има такива проблеми. Пробвай със следните стилове да го наместиш, както трябва:

    background-size: 100% 100%; background-repeat: no-repeat;

    Георги Димитров:

    Коригирах го ръчно с настройки на % на iframe, но ще пробвам с предложеното. Имам и още един въпрос - но след като мина линковете.

Напред