2014-11-03 1 views
1

Я прочитал в документации на язык препроцессора Stylus CSS, что цветовая функция с учетом единицы. Например:CSS Цветные функции CSS, как работает чувствительность к единице?

Омрачать (цвет, количество)

затемнить данный цвет с помощью amount.This функции является блок-восприимчивыми, например, поддерживающие проценты, как показано ниже.

Вот пример кода, который идет с выше функции:

darken(#D62828, 30) 
// => #551010 

darken(#D62828, 30%) 
// => #961c1c 

То, что я не понимаю, как первый пример, который имеет объем 30, был рассчитан. Что представляет собой сумма .

ответ

1

Да, это далеко от интуитивно, но если вы хотите смотреть на источник, то вы узнаете:

  1. darken bif называет adjust BIF так: adjust(color, 'lightness', - amount)

  2. adjust bif есть различное поведение для процентов и других единиц:

    • Когда есть устройство, такое как 30 it wo uld изменяет яркость цвета, уменьшая его на заданное количество от яркости цвета.
    • Когда есть процент, тогда это уменьшит его легкость на заданный процент яркости начального цвета.