Испытание: комбинации фильтров

Почему-то не происходит изменения во вкладке “Результат”. Пробовал в разных браузерах.

Кнопку “Проверить” нажимали?

Да. Пробовал в IE, Opera, Chrome, Firefox

Давайте код текстом тогда. Что-то по скрину я не могу сообразить, в чем дело.

.combo-1{
background-image: url(“img/spb-6.jpg”);

filter:drop-shadow(5px 5px 2px #000000) opacity(0.5);

}

.combo-2 {
background-image: url(“img/spb-1.jpg”);
filter:saturate(5);
}

.combo-3 {
background-image: url(“img/spb-3.jpg”);
filter:brightness(150%) hue-rotate(270deg) ;
}

1 Симпатия

У меня тоже не работает. Что-то не так с проверкой. Пусть модераторы разбираются.

Спасибо. Буду обращаться.

-webkit-filter: drop-shadow(5px 5px 5px #000000) opacity(0.5); в Хром работает.

На момент написания курса не все браузеры поддерживают CSS-фильтры. Для корректной работы фильтров в Chrome и Safari необходимо указывать префикс -webkit-. Но в этом курсе мы позаботились о префиксах — они подставляются в мини-браузере автоматически.

Забыли видимо подставить.

точно забыли

Поправил, спасибо, забыли включить.

У меня не работает без -webkit-

Исправил, проверьте, пожалуйста.

работает :+1:

1 Симпатия
.combo-1 {
background-image: url("img/spb-6.jpg");
filter: drop-shadow(5px 5px 5px #000000) opacity(0.5);
}

.combo-2 {
background-image: url("img/spb-1.jpg");
filter: saturate(5) blur(1px);
}

.combo-3 {
background-image: url("img/spb-3.jpg");
filter: brightness(150%) hue-rotate(270deg);
}

-90deg тоже, что и 270degб но 99,9% при -90

.combo-1 {
background-image: url(“img/spb-6.jpg”);
filter:drop-shadow(5px 5px 5px #000000) opacity(0.5);
}

.combo-2 {
background-image: url(“img/spb-1.jpg”);
filter:saturate(5) blur(1px);
}

.combo-3 {
background-image: url(“img/spb-3.jpg”);
filter:brightness(150%) hue-rotate(270deg);
}
100%