آموزش جلوه های ویژه در طراحی وب - 1

در این دوره به کمک خصوصیت hover: یعنی حرکت ماوس روی متن و تصویر انواع جلوه های ویژه که باعث می شوند طراحی صفحات وب زیباتر و حرفه ای تر شوند را به صورت پروژه محور آموزش می دهیم.

آموزش جلوه های ویژه در طراحی وب - 1
پروژه مجازی

در CSS یک سری کلاس کاذب وجود دارد مانند focus ، :visited ، :hover: و ... این کلاس های کاذب حالت های یک المان را توصیف می کنند. به طور مثال hover: حالتی از المان است که ماوس روی آن رفته است. یعنی هنگامی که ماوس روی یک المان مانند یک متن یا تصویر برود اصطلاحا hover شده است. و ما به کمک کلاس hover: در CSS می توانیم ظاهر آن المان را تغییر دهیم. اگر این تغییر همراه با حرکت های نرم، انیمیشن و خلاقیت همراه باشد، جلوه های زیبایی به وجود می آید.

در این آموزش در 12 فیلم در سه بخش به آموزش این جلوه ها می پردازیم و در انتها یک کتابخانه به نام imagehover.CSS را به شما معرفی می کنیم تا به راحتی بتوانید جلوه های زیبایی را به تصاویر وب سایت خود اضافه کنید.

سرفصل پروژه عملی جلوه های ویژه در طراحی وب

هزینه ها
انتخاب آیتم های ستاره دار اجباری است
عنوان هزینه تعداد
هزینه * ۶۰۰۰۰۰ ریال -
محتوا
  • - معرفی

  • 1 - معرفی دوره

  • - Image Hover

  • 2 - hover چیست؟

    3 - Image overlay fade

    4 - image overlay slide

    image overlay vertical , image overlay horizontal

    5 - image overlay footer

    6 - image hover zoom

    zoom in , zoom out

    7 - image hover zoom

    vertical zoom , horizontal zoom

    8 - image hover rotate

    9 - image hover colorize

    blure , opacity , grayscl , colorize

    10 - جلوه ترکیبی image-hover

  • - Text hover

  • 11 - Text hover

  • - کتابخانه

  • 12 - کتابخانه imagehover.css

    معرفی ، نصب و راه اندازی

  • - workshop

  • فایل های پروژه

توسعه وب / Bootstrapتوسعه وب / HTML-CSS