Функции из LESS в обычном CSS

[dixonn]

В LESS есть такая хорошая штука как светлее (lighten) и темнее (darken).
Пример такого кода: lighten(#000, 13.5%)
Это означает, что если наложить этот эффект на любой цвет, то он посветлеет (#000 - белый цвет) на 13,5%.
Для просмотра ссылки Войди или Зарегистрируйся

Так вот... У меня есть класс со стилем, в котором прописано значение background: #428bca;
Я хочу применить к этому классу добавочный стиль, который сделает этот цвет немного светлее, как в примере с LESS.
Как это сделать силами CSS3 ?

 

[nejtr0n]

opacity не то?

 

[dixonn]

opacity не то?

Это прозрачность. А мне нужно осветлить.

Вообщем нашел такую штуку как filter.
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся

Оно?

 

[nejtr0n]

Все примеры для IE.
По первой ссылке если приглядеться - opacity=50 ( filter: progidXImageTransform.Microsoft.Alpha(opacity=50));
То есть тот же самый opacity в нормальном браузере.
По второй не пробовал, что за Lighten. Но наверняка есть аналог в других браузерах.

 

[dixonn]

Мой предыдущий пример работает лишь с js. Так что он отпадает. Еще варианты есть, как заменить LASS?

 

[nejtr0n]

JavaScript - императивный, CSS - декларативный.

 

[dixonn]

Вообщем сделал просто другим цветом и не парился

 

[Solus_Rex]

Вообщем сделал просто другим цветом и не парился

Можно, таки, использовать opacity для этого, только не на этом background-е, а добавить ещё один #fff поверх и к нему opacity 0.15 - это если надо светлее.
Или #000 с opacity 0.15 - если надо темнее.
Можно это сделать через before/after.
Вот например:
Для просмотра ссылки Войди или Зарегистрируйся
Я там кому-то косую прозрачную линию делал. Но и для Вас подойдёт, просто замените opacity 0.8 на 0.15.