🥺 Создаём градиентную обводку текста с помощью CSS свойства -webkit-text-stroke

🔜 text-stroke одновременно устанавливает цвет и толщину контура вокруг букв и символов текста, также чтобы реализовать градиент нужно добавить ещё 2 свойства: background-clip: text и background-image: linear-gradient.

    

        body {

    background-color: #242834;

    display: grid;

    font-family: sans-serif;

    place-items: center;

}

h1 {

    display: inline-block;

    background-clip: text;

    color: #242834;

    background-image: linear-gradient(to right, 

                    #18efba, 

                    #1a9eea, 

                    #e02862, 

                    #fadd3a);

    font-size: 60px;

    font-weight: bold;

    letter-spacing: 10px;

    -webkit-text-stroke: transparent 6px;

}{}

    

👍- если было полезно | ➡️ WebTaverna