babakmohamadi

نحوه متحرک کردن لینک ها

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

با سلام و خسته نباشید خدمت دوستان و سروران گرامی

از اساتید می خواستم راهنماییم کنند که چطور میتونم لینک های وبسایت رو به صورت متحرک ایجاد کنم

مثل این وبسایت

که در قسمت فوتر لینک ها به صورت متحرک می باشند

با تشکر

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

درود

از کد زیر می تونید استفاده کنید

a{
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
}

a:hover{
margin-right:5px;
}

قبل a کلاس قسمت فوتر رو وارد کنید

اگه دمو بدید بهتر میشه راهنمایی کرد

یاحق

Share this post


Link to post
Share on other sites

برای این مورد پلاگینی وجود نداره که برای کلیه لینکها اعمال شود

در ضمن دمو هم در تایپیک اول گذاشتم

Share this post


Link to post
Share on other sites

کد بالا رو امتحان کردم و درست هم عمل کرد. ممنون

ولی یه سوال دیگه ...

در بعضی از وبسایت مشاهده کردم که وقتی روی لینک تصویر موس رو میبری به نوعی رنگ تصویر عوض میشه و بالا ,پایین میاد و دیگری مثلا مطالب رنگ مطالب به صورت آهسته عوض میشه

می خواستم بدونم که آیا یه کد واسه این موضوع وجود داره یا .....

میشه راهنماییم کنید؟

Share this post


Link to post
Share on other sites

به این خاصیت transition می گن

از کد زیر استفاده کنید

کد 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="test">
        transition test
         </div>

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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