آموزش ویدیویی ساخت منوی کشویی در CSS

1396/2/9 محسن عزیزی 10373

در این قسمت از آموزش ویژه شما با رویداد hover در CSS آشنا می شوید و می آموزید که چگونه از این خصوصیت افکت های خوب و کارآمد ایجاد کنید . این آموزش به صورت تخصصی و ویدیویی در اختیار شما قرار داده شده است.

اگر با طراحی سایت با HTML و CSS آشنایی ندارید توصیه می کنم آموزش های متنی و ویدیویی طراحی سایت را شروع کنید

در ابتدا آموزش شما با خصوصیت transition آشنا می شوید و یاد میگیرید که چگونه رنگ زمینه عناصر را با افکتی جالب و ساده هنگام hover شدن موس روی عنصر تغییر دهید.

رویداد hover در css

سپس عنصری دیگر را داخل عنصر اصلی به عنوان فرزند قرار می دهیم و با خصوصیت tranform آن در مرکز عنصر اصلی قرار می دهیم. سپس می آموزیم که هنگام قرار گرفتن موس یا hover شدن موس روی عنصر والد ، رنگ عنصر فرزند نیز تغییر کند .

 

قرار گیری عنصر فرزند در مرکز عنصر والد در Css

 

بعد از آن پا را فراتر از اینها می گذاریم و عنصری دیگر خارج از عنصر اصلی ایجاد می کنیم و با قرار دادن موس روی عنصر اصلی رنگ زمینه عنصر خارجی را تغییر می دهیم.

سپس بعد از یادگیری چند تکنیک دیگریاد میگیرید که چگونه منویی بازشوند به حالت drop down ایجاد کنیم.

ساخت منوی کشویی در CSS