Как стать автором
Обновить

Комментарии 4

Как по мне, так статья очень качественное и увлекательное описание того, чем практически никто не пользуется. Интересно, но скорее подходит для рубрики "Наше трухлявое детство".

P.S. Вообще полно прописанного но неиспользуемого. Иногда проводят "чистки", убирая "лишнее". Вот, к примеру, "вычистили" frames. А мне нравилось. Позволяло создать динамический сайт прямо на коленке, с любого девайса с использованием говна и палок.

Ещё можно добавить немного анимации, чтобы градиент ожил:

header h1 {
		...
		background-size: 400%;
    animation: color-change 10s ease-in-out infinite;

    @keyframes color-change {
        0% {
            background-position: 0px 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0px 50%;
        }
    }
}

Прямо в точку. Сейчас пишу код заливки объектов градиентом и экспорта объектов холста в SVG-файл:
image


Так что ваша статья поможет мне учесть нюансы работы с градиентом. Вдруг всё же кто-то воспользуется.
Спасибо за ложку к обеду.

Интересно, а как с доступностью таких текстов? Если у меня фон сайта белый, а заголовок, с градиентным переходом, от четкого до размытого не контрастного, то не будет ли в рекомендациях от Гугла, что текст не читабельный.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий