Просмотр кода
Название: обводка аватара как в Instagram
Описание: код под аватарки размером 200 на 200. Размер обводки можно настроить в диве .image
Добавил:
Lucifer
Дата: 4 июня 2021, в 0:59
Комментарии (0)
Описание: код под аватарки размером 200 на 200. Размер обводки можно настроить в диве .image
<style>
.image {
position: absolute;
width: 200px;
height: 200px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 4px solid transparent;
border-radius: 50%;
background-image: linear-gradient(white, white), radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
background-origin: border-box;
background-clip: content-box, border-box;
}
.image__src{
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
border-radius: 50%;
background-size: cover;
}
</style>
</head>
<body>
<div class="image_src"><img class="image" src="ccылка на аватар"></div>Добавил:
Lucifer Дата: 4 июня 2021, в 0:59
Комментарии (0)