0 0 تومان

آموزش ساخت گالری تصاویر با CSS

آموزش ساخت گالری تصاویر با CSS

توجه:همراه با فیلم آموزشی, اسکریپت پروژه نیز قرار خواهد گرفت.


سرفصل های فیلم آموزش ساخت گالری تصاویر

01 5 دقیقه اول رایگان
  • معرفی تگ های section figure درhtml5
  • تعریف تبدیلات سه بعدی: در این پروژه تبدیلات سه بعدی چرخش و جابه جایی و تغییر اندازه با اندازه و جهت مناسب برای ساخت عنصر مورد نظر و قرارگیری درجای مناسب مانند سایه و قسمت زیرین عنصرو
  • استفاده از خاصیت perspective در css3: با استفاده ازاین خاصیت به عناصر درون یک عنصر خاصیت سه بعدی و پرسکتیو داده میشود.
  • استفاده از transform styleدر css3: برای نمایش سه بعدی تبدیلات ازاین ویژگی استفاده میکنیم و مقدار آن رابرابر با  perserve 3d قرار میدهیم.
  • استفاده از transition ها : برای اجرای تبدیلات ازtransition ها استفاده میشود تا جلوه ای زیباتر به حرکات عناصر داده شود.
  • استفاده ازmedia query: برای نمایش در اسکرین های متفاوت از این ویژگی 3  استفاده میشود تا به یک کلاس در اسکرین با اندازه متفاوت ویژگی های متفاوت داد.
  • استفاده از backface visibility : برای مشخص کردن اینکه بعد از چرخش پشت تصویر نمایش داده شود یا خیر ازاین ویژگی استفاده میکنیم.
  • استفاده از سلکتور +:برای اعمال تغییرات برروی عنصری که بلافاصله بعد از عنصر سمت چپ عملگر از این سلکتور استفاده میشود که به وسیله این سلکتور میتوان با کلیک برروی هر تصویر ,تصویری که به عنوان تصویر پشتی آن قراردارد نمایش داد.
  •  visibility:hidden;با استفاده از ویژگی فوق عنصر وجود دارد اما قابل نمایش نیست  و تنها از عرض و طول آن میتوان استفاده کرد
 

پیش نمایش فیلم آموزش ساخت گالری تصاویر

 درس شماره 1   زمان فیلم:  03:13

  دانلود مستقیم پیش نمایش (دمو فیلم آموزش ساخت گالری تصاویر) - حجم دانلود 12 مگابایت (کلیک کنید +)

نظرات کاربران

مدرس
مهندس زهرا داودی

با مدرک کارشناس ارشد سیستم های چند رسانه ای و عضوانجمن علمی دانشگاه مازندران یکی از بنیانگذاران سایت بیاموز است. زمینه های پژوهشی و کاری تخصصی ایشان، در حوزه های مختلف برنامه نویسی وب و راه اندازی و پشتیبانی شبکه است.

تضمین کیفیت

توجه: کیفیت این محصول توسط بیـــاموز تضمین شده است. در صورت عدم رضایت شما، ۷۰ ‌درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.

آموزش ساخت گالری تصاویر با CSS

هزینه آموزش
9,000 تومان
حجم فایل 57.8 مگابایت
مدت زمان 00:22:38
پیش نیازها CSS, HTML
شماره درس پکیج کامل
نوع آموزش تصویری و کاملاً فارسی
تعداد دانشجو 2980