Если рассматривать функцию CSS3 calc, то здесь в первую очередь она задействована, для того, чтоб вычислить длину, это качается числа, углов, времени перехода с анимацией. Также нужно понимать, что функция позволяет перемешивать типы значений, что считается идеальной идеей в стилистике CSS.
Также функция calc () позволяет определять значения CSS с использованием математических выражений, значение, принятое для свойства, является результатом математического выражения.
HTML
Код
<div class="sultokamag_dematicav"></div>
CSS
Код
.sultokamag_dematicav {
height: 275px;
background: #383535 url(http://zornet.ru/ABVUN/Abaavag/wolf.png) no-repeat;
background-position: calc(100% - 15px) calc(100% - 15px);
}
Демонстрация
Если вы хотите выровнять фоновое изображение по правому и нижнему краям, это было невозможно, разве только с прямыми значениями длины. Так что теперь это возможно с помощью calc функций.
HTML
Код
<div class="desatupok-dinedoklas"><div class="vaseru-milpodcam-lokas">Фоновое изображение справа / снизу</div></div>
CSS
Код
.desatupok-dinedoklas {
background: #f5f6f9;
border-radius: .25rem;
padding: .75rem 1.25rem;
}
.vaseru-milpodcam-lokas {
height: 273px;
display: flex;
align-items: center;
justify-content: center;
color: #f5efef;
background: #272525 url(http://zornet.ru/ABVUN/Abaavag/wolf.png) no-repeat;
background-position: calc(100% - 15px) calc(100% - 38px);
}
1. Это позволяет сложение, вычитание, умножение и деление.
2. Можно использовать разные единицы (например, пиксель и процент) для каждого значения в вашем выражении.
3. Разрешено вложить функции calc ().
4. Он может быть использован в любой собственности, где допускаются, как ширина, высота, размер шрифта, сверху, слева и так далее.
Код
<length>, <frequency>, <angle>, <time>, <number>, <color>, <integer>
Демонстрация
