ترجمه با هوش مصنوعی توسط Onehack.us
سلام به همه در این درس می‌خواهیم افکت‌های چپ به راست و راست به چپ بسازیم
بیایید دوباره شروع کنیم با انتخاب رنگ پس زمینه پیوند اولین مورد our شروع می کنیم
سبز بیایید refresh را بررسی کنیم و می‌توانید ببینید ما دوباره مورد خود را انتخاب کردیم و روی آن کار خواهیم کرد
بنابراین عنصر شبه در ابتدا ما عنصر شبه خود را ایجاد خواهیم کرد let's do
بعد بیایید اینجا
سریع بیا مطالب بنویسیم
و دوباره از موقعیت مطلق برای کاهش عرض مطلق موقعیت عوارض جانبی استفاده می کنیم
100 درصد ارتفاع پنج پیکسل و \همچنین بیایید مورد خود را در پایین قرار دهیم
پایین صفر چپ صفر راست صفر
در آخر اجازه دهید پس زمینه را تعریف کنیم رنگ پس زمینه قرمز
بازخوانی کنید و می توانید مورد شبه ما را ببینید، بنابراین می خواهیم افکتی ایجاد کنیم که از سمت چپ شروع می شود
به راست به این معنی است که موقعیت مورد ما از 0 تا 100 درصد به راست شروع می شود
بنابراین این بدان معنی است که ما می توانیم از ویژگی width برای transition استفاده کنیم، بیایید اینجا و این را حذف کنیم
این را صفر کنید و بیایید وضعیت شناور خود را تعریف کنیم اول پیوند ماوس را نگه دارید و اجازه دهید این را 100 درصد کنیم
بازخوانی کنید و می‌توانید ببینید که مورد ما قابل مشاهده نیست وقتی ماوس را بیرون می‌کشیم چون عرض مورد است
صفر و هنگامی که ماوس را روی آن می گذاریم نشان داده می شود زیرا عرض 100 است و اجازه دهید انتقال را تعریف کنیم
عرض انتقال 0.5 ثانیه ease out می خواهم حذف کنم
چپ و راست برای روشن شدن همه چیز I همه چیز را گام به گام توضیح خواهد داد
می توانید ببینید که قبل از نگه داشتن نشانگر رفتار متفاوتی دارد \غیر از پیوند ما، عنصر شبه در اینجا قرار دارد
گوشه سمت راست چون موقعیت چپ و راست آن را مشخص نکرده ایم
این بدان معنی است که در ابتدا باید عنصر شبه our را در اینجا قرار دهیم که باید شروع شود
از چپ و سپس با رفتن به راست مانند این رفرش، می‌توانید ببینید که به چپ به راست می‌رود
صفر تا 100 درصد می توانید ببینید \باز هم می خواهم یک شعاع حاشیه اضافه کنم
شعاع حاشیه و همچنین بیایید رنگ را به عنوان تنظیم این رنگ از درس قبلی d04 بسازیم
و عالی به نظر می رسد شما می توانید زیر خط ما را ببینید effect از چپ به راست شروع می شود
ببینید من فکر می کنم در ابتدا همه چیز واضح است مورد مورد شبه عرض ندارد بنابراین
قابل مشاهده نیست اما باید آن را در مکان accurate قرار دهیم در غیر این صورت از اینجا شروع می شود
بنابراین می توانید ببینید که اثر بسیار خوبی به نظر می رسد راه حل از سمت چپ بسیار واضح است
به سمت راست موقعیت اولیه خود را در موقعیت از چپ از راست به چپ قرار دادیم که باید موقعیت خود را قرار دهیم
موقعیت اولیه به راست اجازه دهید بستن را پیاده سازی کنیم این کپی را ببندید این اجازه دهید دومی را بسازیم
دوم در آن زمان ما باید موقعیت \موقعیت اولیه عنصر شبه خود را به راست تغییر دهیم
راست صفر
بیایید بررسی کنیم می توانید ببینید که کاملاً کار می کند زیرا our مورد ابتدا در اینجا با عرض صفر است اما
وقتی ماوس را روی آیتم خود نگه می داریم، عنصر sudo در تلاش است تا عرض خود را به 100 درصد افزایش دهد.
برای رسیدن به این هدف باید از راست به چپ شروع شود زیرا موقعیت اولیه آن اینجاست
بله، ما جلوه های خود را از راست به چپ و از چپ به راست تکمیل کردیم فعلاً همین
در درس بعدی می بینمت