Какими браузерами поддерживается css calc используемый в background linera-gradient?
Какими браузерами поддерживается css calc используемый в background linera-gradient, при расчете точек перехода цветов? Есть ли такая статистика?
Дополнительно:
https://htmlbook.ru/css/calc
https://developer.mozilla.org/ru/docs/Web/CSS/calc
- Чето в последнее время туплю жоска! Аж самому неудобно... Спасибо!
- Дмитрий, лучше спросить чем творить херню )
- Дмитрий, Лучше непосредственно на https://caniuse.com/
Только нужно понимать, что и в него данные попадают не мгновенно.И уж точно не на htmlbook, который сам не обновлялся черт знает сколько лет. Хотя, с другой стороны, наличие там статьи говорит о том, что этой функции уже много лет :)
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
CSS calc() функция используется для выполнения арифметических операций при указании значений свойств. Это позволяет создавать более гибкие и адаптивные стили для элементов на веб-странице.
Функция calc() широко поддерживается всеми современными браузерами, включая Google Chrome, Mozilla Firefox, Safari, Microsoft Edge и Opera. Это означает, что вы можете использовать calc() в своих стилях без опасения о совместимости с различными браузерами.
Вот пример использования calc() в свойстве background linear-gradient для создания градиента с изменяемой высотой:
.element { height: calc(100px + 10%); background: linear-gradient(to bottom, #ffcc00, #ff3300); }
В этом примере, высота элемента будет равна 100px плюс 10% от ширины элемента. Градиент будет идти с верхнего края элемента до нижнего края, начиная с желтого цвета (#ffcc00) и заканчивая красным цветом (#ff3300).
Таким образом, вы можете использовать calc() в своих стилях для создания более динамичных и адаптивных дизайнов, которые будут хорошо работать во всех современных браузерах.