Adicionei uma url de imagem em um content:url(); porém pretendo editar o tamanho dessa imagem, direto da tag .sub::after, após adicionar um 'width:;' a imagem continua do mesmo tamanho, como eu faço para alterar a largura e altura da imagem através do ::after ??
body{background-color:#CCCCFF;}
.menu{ display:inline-block;
font-size:30px;
font-weight:bold;
color: #F00;
}
.sub::after{ content:url(https://cdn.icon-icons.com/icons2/512/PNG/512/css3-01_icon-icons.com_50918.png);
display:block;
width:200px;/*não surte efeito!*/
position:absolute;
}
.sub{ visibility:;
}
.menu:hover .sub{ visibility:;
}
<div class="menu">MENU-01
<div class="sub"></div>
</div>