Я знаю, что это возможно с помощью фоновых градиентов, но не может понять, как реализовать это для градиентов границ.Есть ли способ создать градиент границы css3 для определенного пикселя?
Вот что я до сих пор
-webkit-border-image : -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#000)) 1 100%;
-webkit-border-image : -webkit-linear-gradient(#666, #000) 1 100%;
-moz-border-image : -moz-linear-gradient(#666, #000) 1 100%;
-o-border-image : -o-linear-gradient(#666, #000) 1 100%;
border-image : linear-gradient(to bottom, #666, #000) 1 100%;
Я хотел бы первый 32px снизу вверх, чтобы быть черным, а затем все остальные, идущие вверх серый (# 666).
Вероятно, проще «подделать» границу с помощью дополнительного элемента контейнера, который получает фон и дополнение, или позиционированный псевдоэлемент ... – CBroe
@CBroe Я бы определенно пошел по пути ':: after' здесь. – TylerH
Я тоже использовал селектор ':: after' для этого – AshboDev