Подсмотрел на одном сайте способ создания круглой рамки с градиентом.

Question

Подсмотрел на одном сайте способ создания круглой рамки с градиентом.

Здесь как я понял через before создаётся псевдоэлемент в блоке с классом «MyDiv», фон элемента before полностью заливается цветным градиентом. Через z-index -1 этот псевдоэлемент перемещается ниже слоя своего родителя. А через свойства top, bottom, left, right за счёт отрицательных значений псевдоэлемент «вытягивается» за пределы своего родителя на 1px (можно и больше для более толстой рамки) и таким образом получается рамка.

Такой вариант реализации цветной рамки приемлем? Или есть варианты практичней?

#css #frontend #html #programming #russian

0

13.12.2021