Логотип 2 клика Петрозаводск
2 клика

digital-агентство

С 9 до 20, без выходных
логотип 2 клика
2 клика

digital-агентство

Как изменить размер картинки content: url()

Рассказываем как изменить размер иконки или другого изображения, которое вставлено через свойство content в псевдоэлементе before или after

Если вы вставляете иконки или другие изображения в псевдоэлементы через свойство content, то сложно изменить размер. background-cover не работает, изменения width, height то же не работают

Используйте zoom: 50%

Исходный размер картинки: 54*35px

<style>
.klik-custom-icon::before{
content: url(https://testalexbeget.ru/wp-content/uploads/2024/04/vector.png);
display:inline-block;
width:20px;
height:20px;
}
</style>
<div class="klik-custom-icon"></div>
<style>
.klik-custom-icon.zoom::before{
zoom:50%
}
</style>
<div class="klik-custom-icon zoom"></div>

Не работает? Не получается? Ничего не понятно? Пишите, если нужна помощь!

Мы поможем! Консультации бесплатны

Отправляя форму, вы соглашаетесь с политикой сайта

Читайте так же:

логотип 2 клика
2 клика

digital-агентство

Звоните, с 9 до 22, без выходных

Мы используем технологию Cookies что это