Progressive Web App (PWA) — это веб-приложение, которое сочетает возможности сайтов и мобильных приложений. Оно работает в браузере, но при этом может устанавливаться на устройство как приложение, работать офлайн, поддерживать push-уведомления и обеспечивать быстрый отклик за счёт кэширования.
<header>
<img src="img/logo.png" alt="Misocial">
<p class="nameCompany">Misocial</p>
</header>
<style>
header{
position: relative;
}
header::after, header::before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
opacity: .5;
}
header::after{
// тут Ваша картинка
}
header::before{
// тут Ваш градиент
}
</style>