مشکل رندر نشدن گرادینت

سلام 

کدهایی که نوشتید رو قرار بدید بررسی کنم

دوست عزیز سلام و خسته نباشید یک سری نکات دقت کنید .

شما برای div یک کلاس تعیین کنید همون border-image و بعد شما توی کدهاتون border-image-slice تعیین نکردید !

یک نگاه یه این کد بکنید و با کد خودتون مقایسه کنید 

مشکل کد شما برطرف شده .

<div class="border-image"></div>

این هم کد CSS : *****لطفا به آدرس وارد شده برای عکس دقت کنید تا از محل درست لود بشه’’

.border-image {
  margin: 3px;
  width: 500px;
  height: 600px;
  border: 20px solid transparent;
  border-image-source: url(../images/border.png);
  border-image-repeat: round;
  border-image-slice: 30;
}