В прошлых статьях я рассматривал тему реализации псевдослучайности в CSS при помощи операции целочисленного деления и использовал простые числа для создания автоматического счётчика, при помощи которых можно генерировать разные значения для каждого объекта. Благодаря этому мы можем вычислять псевдослучайные значения для каждого элемента по отдельности.
Несмотря на надёжность этого решения, оно имеет и недостатки:
- Функция деления с остатком не непрерывна
- Способ слишком сложен: он требует трёх переменных и определения
@property
для каждого случайного значения, которое мы хотим сгенерировать - Требует применения
@property
, которое пока поддерживается не очень широко
К счастью, можно сделать лучше! В этой статье я предложу более оптимальное решение на основе тригонометрии.