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

بازدیدها : 650

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

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

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

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

  • - Image Hover

  • 2 - hover چیست؟
    3 - Image overlay fade
    4 - image overlay slide
    5 - image overlay footer
    6 - image hover zoom
    7 - image hover zoom
    8 - image hover rotate
    9 - image hover colorize
    10 - جلوه ترکیبی image-hover
  • - Text hover

  • 11 - Text hover
  • - کتابخانه

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

  • فایل های پروژه
نظرات
  • داود

    داود میرزایی