ahadto

کد لرزش تصویر

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

سلام دوستان

دنبال یه سی اس اس بودم که یه تصویر سرجاش به مقدار لرزش پیدا کنه، آیا اینجور سی اس اسی هست؟

0

به اشتراک گذاری این پست


لینک به پست

سلام

تست کنید:


http://www.cssreset.com/css3-webkit-animation-shake-links

4

به اشتراک گذاری این پست


لینک به پست

ممنون آقا محمد، تو این حین که خودم هم می گشتم، یه کد پیدا کردم که کار رو جالب تر کرد :)

1

به اشتراک گذاری این پست


لینک به پست

ممنون آقا محمد، تو این حین که خودم هم می گشتم، یه کد پیدا کردم که کار رو جالب تر کرد :)

میشه کد رو اینجا بزاری؟

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

میشه کد رو اینجا بزاری؟

کدی که می گم یه چیز دیگه است، برا چشمک زدن تصویر یا متنه


<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
function moisrex(){
$('.fade').fadeTo(1000,0).fadeTo(1000,1);
}
setInterval(
function(){
moisrex();
}
,0)
});
</script>


<div class="fade">
<img src="f.png" style="position: absolute;top: 20%;left: 30%;" alt="تستی"/>
</div>

ویرایش شده در توسط ahadto
4

به اشتراک گذاری این پست


لینک به پست

سلام

تست کنید:


http://www.cssreset.com/css3-webkit-animation-shake-links

میشه این استایل را برای فایرفاکس هم نوشت؟!

آخه توی این سایت نوشته که مخصوص موتور کروم هستش

0

به اشتراک گذاری این پست


لینک به پست

این کد css3 هست و توی ورژن فعلی فایرفاکس جواب نمیده! مگه اینکه در آینده فایرفاکس این رو هم لحاظ کنه

ولی این کار رو با جی کوئری می تونید بکنید:

http://www.websiteha.com/post/2011/04/28/%D9%88%DB%8C%D8%A8%D8%B1%D9%87-%D8%A7%D8%B1%D8%AA%D8%B9%D8%A7%D8%B4-%D8%AA%DA%A9%D8%A7%D9%86-%D9%84%D8%B1%D8%B2%D8%B4-%DA%86%D8%B1%D8%AE%D8%B4-%D8%B9%D9%86%D8%A7%D8%B5%D8%B1-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%AF%D8%B1-%D9%88%D8%A8.aspx

3

به اشتراک گذاری این پست


لینک به پست

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

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

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

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


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

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

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


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