Как создать обводку из градиента для input?

Question

[Raym0NT]

Как создать обводку из градиента для input?

Comments

[andand44]

Обернуть input в какой-либо блок и стилизовать уже эту обертку. Если бы не было border-radius, то можно было бы обойтись и без обертки
https://css-tricks.com/gradient-borders-in-css/

Answer 1

[DaniilPo]

div {
                position: relative;
                width: 200px;
                height: 60px;
                margin: 30px;
                border-radius: 30px;
                background: #fff;
                text-align: center;
            }

            div::before {
                content: "";
                position: absolute;
                top: -2px;
                bottom: -2px;
                left: -2px;
                right: -2px;
                background: linear-gradient(35deg, #af02e8, #0058ff);
                border-radius: 34px;
                z-index: -1;
            }
            input{
                width: 200px;
                height: 60px;
                border-radius: 30px;
                border: 0px;
                outline:none;

            }

Поиграйся со значениями и я уверин найдёшь что тебе нужно