فصل انیمشن ها خلاصه جلسه ششم - پروژه شماره ۲ - flip card

سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

مفهوم  component  : یعنی  کدهامون رو طوری بنویسیم که بارها و بارها بونیم از اون ها استفاده بکنیم بدون وابستگی های خاص در طراحی به صورت کامپوننت در ابتدا چون کد های html ما کم هست در ابتدا باید بیایم و این هارو بنویسیم و در مرحله بعد کد های سی اس اس رو میام و قرار میدهیم 

نکته :  سعی کنید در نام گزاری ها نامی که برای عناصر والد آن ها در نظر میگیرم مرتبط با پروژه امون باشد  

نکته :  یک موقع هست ما برای عنصر والد میایم و طول عرض درنظر میگیریم و عناصر درونی هم میخاهیم طول و عرض اشون متناسب با عنصر والد باشد و هر موقع که طول عرض والد تغیر کرد این ها هم تغیر کنند میایم و عناصر درونی رو بر هست درصد میدهیم 

transform-style: preserve-3d : زمانی استفاده میکنیم که بخاهیم عناصر درونی نسبت به والد خودشون به صورت سه بعدی تغیر کنند 

perspective : برای بعد گرفتن و چرخش به سمت خودمون استفاده میکنیم