Elementor מעבר צבע במסגרת לתמונה בעלת רדיוס עגול

[תלת ממדית]

ניסיתי ליצור מעבר צבע במסגרת לתמונה בעלת רדיוס עגול
השתמשתי בקוד של @roni ravitz :

selector{
     border: 10px solid transparent;
  padding: 15px;
   border-image:linear-gradient(red, yellow) 1% round;

}

אך המסגרת הקיפה את התמונה בצורה ריבועית
ניסיתי להוסיף לקוד

border-radius: 400px 400px 400px 400px;

אך זה לא עזר
מה אפשר לעשות?

 

[ראובן ליבוביץ]

אפשר למצוא את הסלקטור של התמונה של אלמנטור ועליה לעשות קוד של מסגרת
לא לשכוח להוסיף קוד של הובר:

selctor:hover{
    
}

 

[אלעזר 1]

Possible to use border-radius together with a border-image which has a gradient?

I'm styling an input field which has a rounded border (border-radius), and attempting to add a gradient to said border. I can successfully make the gradient and the rounded border, however neither ...

stackoverflow.com

 

[תלת ממדית]

Possible to use border-radius together with a border-image which has a gradient?

I'm styling an input field which has a rounded border (border-radius), and attempting to add a gradient to said border. I can successfully make the gradient and the rounded border, however neither ...

stackoverflow.com

תודה רבה!!

 

[לייבוש1]

אפשר למצוא את הסלקטור של התמונה של אלמנטור ועליה לעשות קוד של מסגרת

לא לשכוח להוסיף קוד של הובר:

selctor:hover{
   
}

ואם זה קונטינר ולא תמונה איך אני עושה זאת?

 

[ראובן ליבוביץ]

כלומר, התמונה נמצאת כרקע לקונטיינר?

 

[לייבוש1]

קונטיינר שהמילוי קו שלו יהיה תמונה

 

[ראובן ליבוביץ]

לדעתי,
תיצור תמונה עם מסגרת של התמונה שאתה רוצה, עם רקע לבן או מה שאתה רוצה ושים את זה בתור רקע לקונטיינר,
או שלא הבנתי את כוונתך.

 

[אתרית]

אפשר לכל ווידג'ט שהוא להשתמש בפסאודו אלמנט עם background-image של מעבר צבע,
וכך אפשר לעגל בלי בעיה.