yavadood

طراحی دکمه با css بصورت چشمک زن؟؟

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

سلام دوستان

داخل یک انجمنی من یک دکمه ای دیدم که بکگراندش و دورش چشمک میزنه. به این صورت:

do.php?imgf=joomlaforum.ir_14201940811.png

do.php?imgf=joomlaforum.ir_14201940812.png

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

نمیدونم کد CSSش چطوری باید باشه

لینک دمو در کنار لوگو انجمن

دوستان خیلی مهمه لطفا کمک کنید

ممنونم

یا علی

Share this post


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

با فایر باگ میتونید کدهای مورد استفادش رو ببینید. این خاصیت انیمیشن css3 هستش

animation: 2s ease 0s normal none infinite running googleplus;
   animation-duration: 2s;
   animation-timing-function: ease;
   animation-delay: 0s;
   animation-direction: normal;
   animation-fill-mode: none;
   animation-iteration-count: infinite;
   animation-play-state: running;
   animation-name: googleplus;

Share this post


Link to post
Share on other sites

ممنون که جواب دادین

من این کار رو کرده بودم ولی جواب نمیده

Share this post


Link to post
Share on other sites
سلام دوستان

داخل یک انجمنی من یک دکمه ای دیدم که بکگراندش و دورش چشمک میزنه. به این صورت:

do.php?imgf=joomlaforum.ir_14201940811.png

do.php?imgf=joomlaforum.ir_14201940812.png

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

نمیدونم کد CSSش چطوری باید باشه

لینک دمو در کنار لوگو انجمن

دوستان خیلی مهمه لطفا کمک کنید

ممنونم

یا علی

اگه در حد همین دکمست و با کد نویسی راحت نیستید چرا از gif animation استفاده نمی کنید ؟

Share this post


Link to post
Share on other sites

gif animation فضای بیشتری نسبت به CSS اشغال میکنه

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

Share this post


Link to post
Share on other sites

درود

ایا اسکریپت رو بررسی کنید :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
// مسیر تصویر
$(document).ready(function(){
   function moisrex(){
       $('.fade').fadeTo(200,0).fadeTo(200,1);
   }
   setInterval(
       function(){
           moisrex();
       }
   ,0)
});
</script>

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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