آموزش ساخت ToolTip با css3

تعداد دانشجو :

3345 نفر

حجم فایل : 67.2 مگابایت

مدت زمان : 00:21:52

پیش نیازها : CSS, HTML

شماره درس : پکیج کامل

نوع آموزش : تصویری و کاملاً فارسی

4,000 تومان

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

سرفصل های فیلم آموزش ساخت ToolTip با CSS3

5 دقیقه اول رایگان

تعریف تبدیل translate: در این پروژه برای وسط چین کردن عنصر از این تبدیل استفاده کردیم.
شبه کلاس hover در CSS: با رفتن موس روی عنصر اصلی رویداد موردنظر فعال شده و نیز باعت ایجادانیمیشن هایی میشود تا افکت مورد نظر ایجاد شود.
خصوصیت transition در CSS3 : برای اجرای تبدیلات ازtransition ها استفاده میشود تا جلوه ای زیباتر به حرکات عناصر داده شود.
شبه کلاس before: برای رسم شکل مثلث زیرین مستطیل از این شبه کلاس و موقعیت دهی به آن استفاده میکنیم.
استفاده از فونت awesome برای آیکون ها: با استفاده از این فونت آیکون ،آیکون های مورد نظر را ایجاد میکنیم.در این آموزش با نحوه استفاده از این فونت آشنا می شویم.

پیش نمایش فیلم آموزش ساخت ToolTip با CSS3
درس شماره 1 زمان فیلم: 03:04
دانلود مستقیم پیش نمایش (ساخت ToolTip) - حجم دانلود 11 مگابایت (کلیک کنید +)

مدرس "آموزش ساخت ToolTip با css3"

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

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

تضمین کیفیت "آموزش ساخت ToolTip با css3"

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

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

محصولات مرتبط

آموزش ساخت پیمایش آرام صفحه با کلیک روی لینک های داخلی مدرس: مهندس زهرا داودی حجم فایل: 66.2 مگابایت مدت زمان: 00:21:54 نوع آموزش: تصویری و کاملاً فارسی با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1. توابع addClass و removeClass در جیکوئری 2.خصوصیت hash 3.استفاده از scrollTop در جیکوئری 4. استفاده از تابع offset درجیکوئری 5.و.... ۴,۰۰۰ تومان افزودن به سبد	آموزش ساخت انیمیشن مربوط به گزینه های منو مدرس: مهندس زهرا داودی حجم فایل: 35.2 مگابایت مدت زمان: 00:12:59 نوع آموزش: تصویری و کاملاً فارسی با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1. ویژگی transition 2. تغییر ویژگی عناصر در هنگام انجام عمل hover 3. خصوصیت box-shadow 4. ,……. ۴,۰۰۰ تومان افزودن به سبد	آموزش ساخت انیمیشن دکمه مربوط به منو با css3, jquery مدرس: مهندس زهرا داودی حجم فایل: 43.7 مگابایت مدت زمان: 00:16:0.3 نوع آموزش: تصویری و کاملاً فارسی با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1. ویژگی transform 2 شبه کلاس های before , after 3 استفاده از تابع toggleClass در jquery و ... ۴,۰۰۰ تومان افزودن به سبد	آموزش ساخت افکت تصویر با رویداد hover با css3 مدرس: مهندس زهرا داودی حجم فایل: 94.3 مگابایت مدت زمان: 00:27:26 نوع آموزش: تصویری و کاملاً فارسی با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1.استفاده از box-shadow 2.خاصیت transform برای بدست آوردن افکت ها 3. استفاده از transition 4. استفاده از transition-delay 5. ..... ۴,۰۰۰ تومان افزودن به سبد
آموزش ساخت افکت پیش بارگذاری با css3 مدرس: مهندس زهرا داودی حجم فایل: 39.8 مگابایت مدت زمان: 00:15:12 با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1 تعریف انواع تبدیلات سه بعدی 2 خصوصیت transform در CSS3 3 شبه کلاس before,وafter در CSS 4 خصوصیت transition در CSS3 و ... ۴,۰۰۰ تومان افزودن به سبد	آموزش ساخت گالری تصاویر مدرس: مهندس زهرا داودی حجم فایل: 57.8 مگابایت مدت زمان: 00:22:38 نوع آموزش: تصویری و کاملاً فارسی با چه خصوصیت ها و تگ هایی در آموزش ساخت اسلایدر 3 بعدی آشنا خواهم شد؟ با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1.تعریف تبدیلات سه بعدی 2.استفاده از transition ها 3.استفاده ازmedia query 4.استفاده از backface visibility 5...... ۴,۰۰۰ تومان افزودن به سبد	اسلایدر سه بعدی با قابلیت چرخش تصاویر مدرس: مهندس زهرا داودی حجم فایل: 45 مگابایت مدت زمان: 00:27:24 نوع آموزش: تصویری و کاملاً فارسی با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1 تگ section د HTML5 2 انواع تبدیلات سه بعدی 3 خصوصیت transition در CSS3 4 گزینشگر ~ در CSS3 5 خاصیت perspective در CSS3 6 خاصیت box-shadow در CSS3 و ... ۴,۰۰۰ تومان افزودن به سبد	آموزش ساخت افکت سه بعدی مدرس: مهندس زهرا داودی حجم فایل: 52 مگابایت مدت زمان: 00:21:38 نوع آموزش: تصویری و کاملاً فارسی با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟ 1 تعریف انواع تبدیلات سه بعدی 2 خاصیت perspective در CSS3 3 خصوصیت transform در CSS3 4 شبه کلاس hover در CSS 6 خصوصیت transition در CSS3 و ... ۴,۰۰۰ تومان افزودن به سبد