нет псевдокласов как я по твоему должен туда after добавить
borderRadius 50% можна задать только блоку с height.
там другая роботя с тенями
но вы мне докажите что нужно так, мне нужны не просто слава а вырезки из док и т.п.
предназначенную для независимого распространения
"самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования." (MDN)
margin-left: calc(50% - 50vw);
- HTML шаблонизатор (НЕ pug!), максимально схожий с обычным html-синтаксисом
const img = document.createElement('img');
img.src = image[a].src;document.write ("<body class="+image[a].class+">");const body = document.body;
const a = Math.round(Math.random() * 3);
const image = [];
image[0] = {src: "img/green.png", color: "green"};
image[1] = {src: "img/black.png", color: "black"};
image[2] = {src: "img/blue.png", color: "blue"};
document.write ("<img src=" + image[a].src + ">");
body.classList.add(image[a].color);const a = Math.round(Math.random() * 3);
const image = [];
image[0] = {src: "img/green.png", color: "d2d2d2"};
image[1] = {src: "img/black.png", color: "142222"};
image[2] = {src: "img/blue.png", color: "cccccc"};
document.write ("<img src=" + image[a].src + ">");
// image[a].color цвет соответствующий для рандомной картинки
https://codepen.io/web-tech/pen/Wqzwrx
Либо фон этот вставить в svg (inline или background-image). Экспортировать эти 4 элемента в svg (или самому отрисовать в векторе) я думаю получится без проблем.