Learn CSS In Arabic 2021 - #73 - 3D Transform - Backface Visibility And Flip Product

[@anasjad4542]

والله روعة , الله يوفقك ويجعل كل هذا العمل بميزان حسناتك ويزيد في العمر والمال

[@anasjad4542]

@@afdfghmanbn9693 نحترم رأيك صديقي ، كل الاحترام ، الله يوفقك ، لكن شهادة لله ، أنا من الأردن اتابعه أون لاين من حدود سنة تقريبا ، أتقنت HTML ,CSS , وان شاء الله رح اخذ كورس الجافا ، صديقي يلي يقدمه استاذنا أسامة الزيرو مجانا ، يوجد دورات كثيرة ولا تعطيك عشرة بالمية من يلي قدمه استاذ أسامة وبفلوس ، مواضيع البرمجة تحتاج الى استماع وانتباه كبير ، والى تطبيق فوري ويومي حتى ما تنسى ، كل الاحترام صديقي.

[@Adamzzyxt]

@@afdfghmanbn9693 عندك رأي تقولة باحترام متبقاش شخصية وسخة

[@ahmedm6644]

النقاط التي ناقشها الفيديو: الخاصية backface-visibility. و: 3:05 الخاصية transform-style. و: 4:48

[@amazighshawiagirl7416]

شكرا احمد دايمن حاضر ماشاء لله هههه

[@miq2431]

وصلت وين يااحمد

[@livedz3629]

@@amazighshawiagirl7416 ويراكي لاحقا

[@yasserhamadeh7943]

شكرا ليك يا بشمهندس اسامة علي المجهود اللي حضرتك بتعمله والله انا بستفاد من حضرتك جدا جدا تسلم يا بشمهندس وفقك الله الي مايحبه ويرضاه

[@TheMaster201989]

انا دماغي لفت يابا :) ما شاء الله عليك يا مستر ربنا يبارك لنا في عمرك يارب

[@shroukelsaman577]

هو الدرس صعب لأسف بس ربنا يجازيك خير علي تعبك

[@yasinhamad5982]

The 2 classes trick is nice. thank you so much :)

[@mohammed_basher]

في ميزان حسناتك ان شاء الله يا استاذنا ربي يحفظك

[@youssefbassam1923]

لما تيجي تعمل rotatey ب 180deg في الback عشان متبانش بالbackface بس لما تيجي تعمل hover و transform ب -180deg فانت كدة كانك رجعت الback للصفر 0deg و كدة هتبان عادي و الbackface مش هتاثر عليها

[@essaazrak9709]

ال rotate لل back مشان يخفيه بالبداية و يظهر ال front ولما يعمل hover راح يعمل rotate لل box كله وبالتالي ولان ال backface مطبق على ال front و ال back مع بعض ال front رح يختفي و ال back رح يرجع لوضعه الاصلي ويظهر, بس ملاحظة ان العنصر رح يختفي بعد 90 درجة ويرجع يظهر بعد 90 + 180 درجة

[@zafershoaybi]

إلا بسيط وسهل وعجبنا.. دا تحفة😊 تسلم ايدك يا هندسة❤

[@amnahamed4189]

معلش انا اسفةة ممكن سؤال غريب شويه ؟ يعني اي كلمة Flip ؟

[@zafershoaybi]

@@amnahamed4189 يعني الوجه أو الواجهة، يقصد وجه الكرت الأمامي والخلفي

[@amnahamed4189]

يعني دا عبارة عن مصطلح فقط صح . يعني مش حاجه انا بعملها يعني انا مش بعمل فليب للعنصر صح كدةة اللي فهمته@@zafershoaybi

[@zafershoaybi]

​@@amnahamed4189 لا لا هو فكرة التطبيق اللي عملو البشمهندس اسمها flip يعني عمل عنصر بوجهين، مش خاصية css معينة نطبقها على العنصر👍

[@amnahamed4189]

@@zafershoaybi اهااا تمام جداا شكرااا اووي ع التوضيح بجد . جزاكم الله خيراا

[@samysayed7839]

ربنا يجعله في ميزان حسناتك ويكرمك ويوفقك

[@SimbaForest]

الناس لي مش فهمت الدرس متتعمقش أكثر فقط خد فكرة راح تحترف في انشاء المشاريع انشاء الله

[@sarahyaser788]

شكرا جزيلا لك 😍❤️

[@meddchakti]

عملتها بنجاح شكرا على شرح و تحية من مغرب

[@mohammadhassn8399]

شكرا لك على مجهودك الرائع

[@levijohn1258]

شكرا و ربنا يذيدك علما!

[@JomanNoretro]

احسنتم ❤❤

[@AhmedSamy-ll5si]

يا أخي ربنا يباركلك ❤

[@awabahmed217]

جزاك الله خير

[@amoori22]

i did not get transform so far but i am sure i will because u always keep your commitment to make us understand (big love to u os) ❤❤

[@VeNus-el4cf]

the only vid i cant ge

[@ahmadbenchakhtir]

شكرا 🤍.

[@MohamedMostafa-jg1gp]

وعليكم السلام ورحمة الله وبركاته

[@red0x01]

لمساتك اسطورية

[@Sxheyfnnfnf]

ربي يرزقك ويسعدك ويوفقك يارب 🤍

[@mohamedyousry8834]

جزاك اللة خيرا ❤️🙏

[@hussammohammad5576]

رجاءاً أكمل دورة البايثون يا مهندس أسامة

[@khaledfarghly6480]

هي لسه مخلصتش بال149 فيديو ال عملهم ؟!

[@hussammohammad5576]

@@khaledfarghly6480 لا

[@بسمةايمن-ص3غ]

Thank You So Much💕💕💕

[@youssefhlem6270]

Group for Elzero students only We will discuss in assignments and many things to get pro in development Group link : @t محدش يركز فالجرامير ههههه ياريت اسامه الزيرو يشوف الكومنت ويبقي هو الادمن

[@hakoamin9813]

هذا الجروب على الفيس ولا فين ؟؟

[@Abdelaziz_AM]

perfume body { margin: 0px; font-family: Arial, Helvetica, sans-serif; text-transform: capitalize; } * { box-sizing: border-box; } .box { width: 200px; height: 200px; background-color: rgba(255, 0, 0, 0.87); position: relative; display: flex; justify-content: center; align-items: center; font-size: 25px; color: #fff; font-weight: bold; margin: 150px auto; border-top-right-radius: 10px; border-top-left-radius: 10px; } .box::after { content: ""; width: 100%; height: 3px; background-image: linear-gradient(to right, red 33.3%, rgb(34, 163, 255) 33.3%, rgb(34, 163, 255) 66.6%, red 66.6%); position: absolute; bottom: -5px; } img { width: 100px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition-property: all; transition-duration: 0.4s; transition-delay: 0s; transition-timing-function: ease-in-out; } img:hover { width: 100%; height: 100%; opacity: 1; border-top-right-radius: 10px; border-top-left-radius: 10px; transform-origin: 0 0; /* transform: rotatey(360deg); z-index: 1; */ }

[@mohammedrai6565]

رائع بكل معنى الكلمة

[@malekalganadi1712]

ربنا يكرمك عشت

[@mahmoudnazmy6882]

لو سمحت يا باشا اتعلم JavaScript big tutorials ولا اتعلم JavaScript in Arabic وهل في فرق بينهم ولا لا 😅 واما اخلصهم اسمع JavaScript examples ولا لا ؟؟ ومشكور مقدما 🙂

[@petergergs6532]

استني كورس js bootcamp الجديد

[@ahmed.allawi]

@@petergergs6532 هو هينزل امتي ؟

[@petergergs6532]

@@ahmed.allawi قريب ان شاء الله

[@ahmed.allawi]

@@petergergs6532 طيب هو انا لسه مبتدا فالبرمجه واتعلمت html and css ابد ف الجافا القديمه علما الجديده تنزل ولا اي رايك ؟

[@petergergs6532]

@@ahmed.allawi لا استنى الجديدة وعقبال ما تنزل طبق علي html و css

[@abdomahmoud8769]

مش محتاجين نحط باك فيس للاتنين لان كده كده الباك ال زيد اندكس بتاعته اكبر ولما يلف الاب الباك هيغطى على الفرونت من غير ما الفرونت يكوم ليه باك فيس هيدين هو كمان

[@amazighshawiagirl7416]

شكرا كتير

[@kiritokon1631]

يعطيك العافية يا استاذ اسامة لكني ولله دخلت :(

[@salahawad547]

انا لسا مقرر ابدا ادخل عالم البرمجه بس بامانه مش فاهم لسا ايه حاجا من حيث اللغه وي اتعلمها ليه وي ايه البرمجه وكدا شوفت لك اول فيديوهين بتوع مقدمة البرمجه #1 #2 بس لسا عايز افهم كام سؤال عندي كدا فا اتمني منك لو كدا تكتب تعليق واقولك اللي عندي

[@khaledfarghly6480]

شوف انت تفتح قناة الزيرو وتجيب القوائم وتدخل على الاسئلة العامة ومناقشات المهندس اسامة وعن طريقها تختار المصطلحات الغريبة بالنسبالك واحده واحده وتبحث عن مصادر وشرح اكتر عنها لزيادة التعلم وفي خلال الطريق ده هتعرف تحدد مسارك

[@salahawad547]

تسلم يا غالي

[@sadgrandfather873]

وصلت لحد فين دلوقتي

[@software.eng21]

ليش وقت نكتب perspective: 600px داخل box تأثير ال 3D ما يظهر....و شو الفائدة من container طالما في box

[@sihamlairedj1128]

ربي يحفضك

[@noorsajee7376]

صارت المعلومات صعبة كتير بال3d

[@Khaled.64]

Thanks

[@abdelrhmanmohamed4754]

عايزين كورسangular

[@mohamedibrahimabdulghani5514]

ياريت والله

[@esraaa98]

هي التطبيقات العملي الي بيقول عليها البشمهندس اسامي غير التكليفات

[@Magd-Akarsu]

أيوه، التطبيقات العملية حاجات هيعملها فى الفيديوهات من الحياة الواقعية، التانى نفس الموضوع لكن بيكون اختبار أو واجب بمعنى أصح، يعنى من الآخر فى فيديوهات هيعملها هيكون فيها تطبيقات من الحياة الواقعية على الكلام ده.

[@ابراهيم-ع2د9ق]

عندي سؤال بسيط ليه لما اشيل position ينزل العنصر تحت لما يسوي فليب , وش فايدة position وليه يمسك العنصر؟

[@khalidhassan1000]

لو سؤالك على فايدة البوزيشن في الموضوع فالاجابة ان بدونه هتكون الديفات بتاع الباك والفرونت تحت بعض كتسلسل طبيعي للصفحة، فكان لازم نحطهم فوق بعض قبل ما نعمل اي تأثير عليهم

[@dragon7-685]

شوف فيديو ال position بتفهم الموضوع بشكل أكبر

[@mesbahsh1005]

كيف اعرض اكتر من فيس اعمل ترانس فيس متعدد؟

[@monyfawaz]

ممكن اعرف ليش عملت container قبل ال box

[@s.m.2102]

من أجل خاصية الperspective

[@helmyreda6572]

لو سمحت ي هندسة انا لو عايز ادخل مجال البرمجة ابد ب لغة بايثون ولا لغة سي بلس بلس

[@baronNama]

c++

[@hussammohammad5576]

Python

[@helmyreda6572]

@@hussammohammad5576 انا لسه مش محدد المجال اللي هدخل فيه ف إيه نصيحتك؟!

[@hussammohammad5576]

@@helmyreda6572 أطلع على المجالات فهي كثيرة جداً لأن الدراسة العشوائية ستوقعك بالمشاكل بدون أي نتيجة مفيدة

[@kinanalimam7779]

لازم تحدد المجال اولا ثم تختار اللغة المناسبة

[@anasmkhool8862]

الدرس صعب شوي لانو ملان معلومات دسمة لو تدرجت فيه استاذن الفاضل بكون احسن

[@omarctech1201]

لو سمحت هو ايه الفرق ن ال container وال box كده الاتنين اب ؟

[@abdomahmoud8769]

ال كونتينر اب للبوكس عشان يحط فيه البريسبكتف لانها بتتحط للعنصر الاب وانت عندك البوكس هو اللى بيلف

[@shimaasherif8611]

لو سمحتوا ارجو الرد هل في مجال لشغل بعد الانتهاء من html , css ولا لازم اكمل كورس معين بعيدهم مع العلم اني هكمل ان شاء الله

[@mohammedeleriaan5986]

معظم عروض العمل فى الشركات او حتى الفريلانس بتطلب ان المطور يكون تنين عشان يقدم بس على الوظيفة .. اللى حضرتك كتبتية لا يساوى خمسين فى المية من المطلوب لان فى مكتبات لازم دراستها و اتقانها . فى موقع الزيرو فى خطط لدراسة الفرونت اند او الباك اند

[@amazighshawiagirl7416]

@@mohammedeleriaan5986 على الأقل أضيفي js

[@z1adahmed]

لو سمحت حد يقولي ليه بنخلي relative و احنا بنحرك العناصر اللي جواه بالabsloute

[@mohamedabass2736]

عشان يخلي العنصر يتحرك حسب الاب بتاعه لان لو معملش ريلاتيف ل الاب كدا العنصر هيتحرك حسب الصفحة كلها و هيطلع برا الاب اصلا

[@Mrx-zm8xs]

وكمان عشان يكونو فوق بعض

[@nourayoussouf4026]

ايه الفرق لما اكتب .box .front و بين .front

[@yamiyo4953]

.box .front specificity 11 .front specificity 10

[@markjak5031]

❤❤❤❤

[@aboudramlawi100]

الدرس معقد المرادي 😅

[@YoussefAlsalahy]

comment

[@mohammedrai6565]

💙💙💙💙💙💙💙

[@mennagamalahmed7832]

صعب الدرس خالص

[@amalkhardli]

😰

[@Hussein....]

❤❤❤❤