shahinparsa1328

استفاده از Transitions

5 پست در این موضوع

سلام

چگونه می توانم از ویژگی Transitions برای پویا کردن منو ها استفاده کنم؟ مثلا می خواهم وقتی اشاره گر ماوس روی منوی رفت تغییر رنگ دهد. و یا منوی آبشاری ایجاد کنم. لطفا راهنمایی فرمایید.

جوملای فارسی جومینا , جوملای ایران , نسخه 2.5 , joomina.ir

ممنون

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

دوست عزیز یه کمی این سوال شما کلی هستش و نمیشه تو چن خط توضیح داد و زمان بر هستش برای همین سخته پاسخ کامل دادن به این موضوع .

1- موضوع پویا کردن منو ها رو دقیق نمیدونم منظورتون چی هستش ...

2 - موضوع Transitions یکی از خاصیت های انمیشنی برای ایجاد تاخییر در اجرا برخی فرامین دستور سی.اس.اس هستش ، مثلا موس وقتی بروی یک ایتم رفت شفافیتش از 0 تا 100 حدود 2 ثانیه طول بکشه ...

3- برای ساخت منوی Drop Down میتونید هم از CSS استفاده کنید و هم از Jquery . کافی هستش تو اینترنت سرچ کنید create dropDown Css3 یا یه همچین چیزی .

Share this post


Link to post
Share on other sites

برای یادگیری استفاده از خواص transitions به لینک زیر برید همه چیز رو به ساده ترین شکل ممکن و همراه با مثال های آنلاین توضیح داده:

CSS3 Transition

Share this post


Link to post
Share on other sites

به مثال زیر دقت کنید

کد css:

               #test {
color: #969696;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
#test:hover {
color: #f37b53; }

کد html:

 <div id="text">
this is a test
</div>

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری