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

dixonn

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

Так вот... У меня есть класс со стилем, в котором прописано значение background: #428bca;
Я хочу применить к этому классу добавочный стиль, который сделает этот цвет немного светлее, как в примере с LESS.
Как это сделать силами CSS3 ?
 
opacity не то?
 
Все примеры для IE.
По первой ссылке если приглядеться - opacity=50 ( filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50));
То есть тот же самый opacity в нормальном браузере.
По второй не пробовал, что за Lighten. Но наверняка есть аналог в других браузерах.
 
Мой предыдущий пример работает лишь с js. Так что он отпадает. Еще варианты есть, как заменить LASS?
 
JavaScript - императивный, CSS - декларативный.
 
Вообщем сделал просто другим цветом и не парился :D
 
Вообщем сделал просто другим цветом и не парился :D
Можно, таки, использовать opacity для этого, только не на этом background-е, а добавить ещё один #fff поверх и к нему opacity 0.15 - это если надо светлее.
Или #000 с opacity 0.15 - если надо темнее.
Можно это сделать через before/after.
Вот например:
Для просмотра ссылки Войди или Зарегистрируйся
Я там кому-то косую прозрачную линию делал. Но и для Вас подойдёт, просто замените opacity 0.8 на 0.15.
 
Последнее редактирование:
Назад
Сверху