Comments 5
В вашей градиентной рамке середина не прозрачная, а белая. Каким образом вы делаете её прозрачной, чтобы наложить на фоновый слой?
Мы накладываем этот элемент на предыдущий эффект, немного увеличив его размер
Тут либо картинка не та, либо пропущено много шагов.
Ну и ссылочку бы на CodePen, чтобы посмотреть код целиком.
https://codepen.io/Chokcoco/pen/NWmQLvZ
Понятно, фоновый слой находится над слоем конусного градиента, а не под ним. Получается, размытие фонового слоя убивает двух зайцев: собственно размытие и мягкое свечение рамки. Теперь картинка после «Мы накладываем этот элемент на предыдущий эффект» выглядит логично. Было бы намного понятнее, если бы вы показали схему слоёв как в начале статьи.
(оригинальная ссылка от автора)
Нужно отметить, что статья является переводом https://www.cnblogs.com/coco1s/p/18358267.
А я то думаю, почему сайты так подлагивают. Шучу. Спасибо за перевод, пожалуй и себе утяну)
Анимации Hover и эффекты Blur: Полный гид по созданию динамических карточек