Comments 35
Спасибо за перевод!
Всё прогрессивное человечество с особым нетерпением ожидает прихода множественного бэкграунда! Светлое будущее уже рядом)
Огромное спасибо!
Как раз сегодня понадобилось добавить градиент в одном месте :)
UFO landed and left these words here
UFO landed and left these words here
Можно блокировать по ссылке/названию изображения/размеру изображения. Для часто посещаемых сайтов можно будет легко подобрать, со временем и шаблоны для серфинга по незнакомым напишут. Делов то…
от рекламы уже и так тошнит, не хватало еще ее на бэкграунд вешать… лично я не хочу, чтобы под текстом, который я читаю, маячила какая-нибудь поипень
в чем профит-то?
UFO landed and left these words here
Спасибо!!! Вы очень верно заметили, меня тоже это смущало. Сейчас исправлю.
Ну к 4 версии будет полная поддержка css3, как мне кажется.
Только раньше мы видели кучу статей на тему хаков «закругленных углов» для ие, теперь будет куча статей на тему хаков «градиента» в ие :(
Насколько я помню, у фильтров очень много ограничений и подводных камней, включая отключение сглаживания, тормоза и в некоторых случаях некликабельность вложенных элементов.
Да, поиграться можно будет, но когда «устаканят» стандарт. А то сейчас поиграешься — завтра переучиваться…
Верно, верно! Но, Хабр читают не только хабралюди, он доступен свободно всему Инету, мало ли кто на статью забредет :-) Поэтому в просветительских целях и добавил ссылочку.
Лично для меня, кажется менее ясным — где именно я хотел бы применить данное свойство, поскольку немногие изображения подойдут для свободного масштабирования.


Допустим, в блоке с текстурной+градиентной заливкой фона (к примеру эффект равномерно освещенного холста).

Да и много еще где. Просто раньше заранее такие идеи в дизайне отбрасывал в пользу упрощения конечного кода, либо использовал IMG в %, а поверх другой слой.
Вы правы. Наверняка найдется достаточно много сайтов, где можно будет применить данное свойство. Мне показался тоже этот абзац каким-то мутным. Я даже хотел его сократить, но поколебавшись, таки оставил ради максимальной точности и полноты перевода статьи.
я уже мечтаю о масках прозрачности на бэкграунд и о различных режимах наложения(overlay, multiply, darken)
UFO landed and left these words here
Интересно, а как этой красотой через JS управлять можно будет, уже известно?
А градиенты можно делать полупрозрачными, указывая цвет через argb например?
Можно. Но нет еще окончательного решения. Тут очень много заморочек с разными браузерами, вот один из вариантов:

Это код последнего абзаца, его можно видеть на картинке ниже:

p {

background-color: transparent;

background-image: -moz-linear-gradient(top left, bottom left, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0)));

background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0)));

}

меня одного смущает прописывание одних и техже деклараций для разных браузеров отдельно?

-webkit, -moz, -o, смысл в этом? эх.

когда же всё придёт к одному стандарту, походу никогда.
Ага! Как Вам, к примеру, такой ужас:

body {

background-image: url('bg-image-1.jpg');

background-size: 100% 100%;

-moz-background-size: 100% 100%;            /* Gecko 1.9.2 (Firefox 3.6) */

-o-background-size: 100% 100%;              /* Opera 9.5 */

-webkit-background-size: 100% 100%;         /* Safari 3.0 */

-khtml-background-size: 100% 100%;          /* Konqueror 3.5.4 */

-moz-border-image: url('bg-image-1.jpg') 0; /* Gecko 1.9.1 (Firefox 3.5) */

}
вот это меня и напрягает, например может кто слушает подкасты Росновского, он недавно ездил в Оперу, встречался с одним из основателей ксс3, тот говорил что всё идёт к большей лёгкости, что всякие скругления углов и прочее сделают код более простым и лёгким, не нужно использовать картинки, а до сих пор даже опера не понимает эти радиусы, а кто понимает, каждому своё прописывать, ужас помойму. Так ещё под каждую версию браузера писать.
Мне вот интересно, для чего в CSS возможность прописывать градиенты, если это можно сделать с помощью SVG?
Меня удивило, с какого перепугу такое ограничение на 4 фоновых изображения?
Ведь странно сделать поддержку нескольких фонов и ограничиться цифрой 4.
Автор видимо решил для себя сделать такое ограничение, ведь спецификация не накладывает таковых, что очень радует — поддержка нескольких фонов это здорово, это удобно и практично.
Автор субъективен очень, мол закругления нафиг а вот градиент это мега палезно (особенно видно на примерах как это круто :)
Only those users with full accounts are able to leave comments. Log in, please.