visibility: hidden::before
Возможно ли это сделать для svg, добавленный через тег img?
Или лучше вставить код файла svg?
чтобы картинка подстраивалась под размеры данного блока
Как правильно вставлять большие изображения на страницу?
picture для контентных либо media для фоновых.
transform: scale(1.1) rotate(90deg);.item {
--transform: scale(1.1);
transform: var(--transform);
&--mod {
transform: var(--transform) rotate(90deg);
}
}<div class="parent" style="--p_inherit:30px; padding-right: 30px">
<div class="parent__child pl_inherit pr_inherit">123</div>
</div>.parent {
padding-left: var(--p_inherit);
}
.pl_inherit {
padding-left: var(--p_inherit);
}padding-left: inherit;. Но это, конечно, зависит от того, как вы планируете дальше обращаться с этой переменной.
Что все-таки лучше table или div?
<table> верстают табличные данные. ul или ol, секции размечают тегами <section>,а не <div>. И т.д.
<p> один под другим. vertical-align: middle. aria-hidden="true", а дальше любым из способов: инлайн-блоком, флексами или гридами.
background: linear-gradient(rgba(0,0,0, 0.8), rgba(0,0,0, 0.8)), url(../images/services-bg.png) no-repeat top center/ cover;0% {
transform: rotate(0deg)
translate(calc(-50px * 2))
rotate(0deg)
scale(0.5);
}
50% {
transform: rotate(-180deg)
translate(calc(-50px * 2))
scale(2);
}
100% {
transform: rotate(-360deg)
translate(calc(-50px * 2))
scale(0.5);
}