אולי יש לך רעיון איך לייצור את זה בCSS?

[byby]

ככה זה אמור להראות

ואני לא מצליחה בcss להעלים את הפס הזה, שיראה קוביה אחת

אם יש לך רעיון אשמח לשמוע,
תודה!

 

[mend]

עדיף שתעלו את הקוד

 

[varchar]

הפרמטר השני מציין את ציר ה y כאשר הוא מינוס הצל זז כלפי מעלה

;

box-shadow:  0px -7px 12px 0px yellow;

כאן יש כמה רעיונות
https://stackoverflow.com/questions/4909561/css3-box-shadow-on-top-left-and-right-only
כמו שציין @mend צריך לראות את הקוד כדי להבין מה הכי מתאים

 

[UU]

אם יהיה קוד יהיה הכי פשוט לעזור,
אפשר לנסות ככה

position: relative;
z-index: 2;
margin-bottom: -2px;

 

[א.פ]

לקוביה הזו (div?)
צריך לעשות:
border-bottom: unset

 

[byby]

תודה לכל העוזרים!!
מצרפת את הקוד:

 הקופסא הקטנה - התחברות{
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 10px 10px 0px 0px;
    padding-right: 2rem;
    padding-left:  2rem;
    padding-top: 0.5rem;
}
הקופסא הגדולה - התוכן{
box-shadow: 0px 0px 6px #00000029;
    border-radius: 10px 0px 10px 10px;
    padding-right: 2rem;
    padding-left:  2rem;
    padding-top: 0.5rem;
}

אשמח לפתרון. לא הצלחתי בנתיים....

 

[Yehuda Kremer]

אשמח לעזור yehudakremerאין לכתוב כתובת מייל

 

[byby]

אשמח לעזור yehudakremerאין לכתוב כתובת מייל

תודה רבה!
אשמח דרך פה, אם אפשר

 

[UU]

תנסו להוסיף לקוביה הקטנה של ההתחברות
margin-bottom: -6px
זה אמור להספיק

 

[byby]

תנסו להוסיף לקוביה הקטנה של ההתחברות
margin-bottom: -6px
זה אמור להספיק

אבל גם לקוביה הגדולה יש צל אז יופיע שם פס מהצל. זה לא יראה מחובר כמו בדוגמא

 

[UU]

אבל גם לקוביה הגדולה יש צל אז יופיע שם פס מהצל. זה לא יראה מחובר כמו בדוגמא

ניסית?
כי זה כן אמור להראות טוב וקרוב מאד לדוגמא
גם אם לא 100% בול

 

[ctrl-p קונטרול פי]

אפשר לבטל את הקו העליון בקוביה הגדולה ולעשות קו מתחת הקוביה של ההרשמה

 

[ש.ב.ח.]

בא נתחיל ממה שבטוח אי אפשר:
אי אפשר לעשות את זה ככה עם שתי קוביות בלבד!
אם פגשתם כזה דבר הוא עשוי באחד מהאופנים הבאים:
(כנראה שבדרך כלל פגשתם אותו עם צל נמוך יותר שאז אכן ניתן לבצע אותו)
אפשרות שניה: להשתמש בצורה אחת svg
אפשרות שלישית: להניח קוביה נוספת על שניהם שיכסה את אזור החיבור (אבל זה יעזור חלקי, כי עדיין יראה צל שחור יותר בחפיפה)

עריכה: האפשרות השלישית לא כזאת גרועה
זה הניסיון שלי: (יש אזור חפיפה בפינה הפנימית)

 

[ctrl-p קונטרול פי]

אבל לא יהיה פינה מעוגלת בצד שמאל למעלה
ובשביל זה חייבים לעשות עוד קוביה עם border עליון שתייצר את הפינה המעוגלות

 

[ש.ב.ח.]

אבל לא יהיה פינה מעוגלת בצד שמאל למעלה

השואל לא צייר את זה כך...
אני עניתי על השאלה ללא תוספות.

 

[ctrl-p קונטרול פי]

אני חושב שהכי קל לעשות את זה עם הפונקציה after