افرودن لوگوی متحرک به وبلاگ :: وبلاگ شخصی میلاد

وبلاگ شخصی میلاد

فعلا خدافظ ..! انشالله تا یه سال دیگه با قدرت بیشتر .. همه میدونید که دغدغه یه سوم دبیرستانی چیه!!
وبلاگ شخصی میلاد

سلام
میلاد هستم ..!
یه فرد عادی کـ به دنبال
هدفشه!!

وبلاگ دوستان
.logo{display: block; margin-left: auto; margin-right: auto;margin:5px;}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%
{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%
{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%
{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%
{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%
{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%
{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes rubberBand{0%{transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%
{transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%
{transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%
{transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%
{transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%
{transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%
{transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-moz-keyframes rubberBand{0%{-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%
{-moz-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-moz-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%
{-moz-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-moz-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%
{-moz-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.logo img{
animation-name: rubberBand;animation-duration: 0.8s;transform-origin:50% 50%;animation-iteration-count: infinite;animation-timing-function: linear;
-moz-animation-name: rubberBand;-moz-animation-duration: 0.8s;-moz-transform-origin:50% 50%;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;
-webkit-animation-name: rubberBand;-webkit-animation-duration: 0.8s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;
}
.adsnearlogo{float:left;margin:5px;}
.adsnearlogo img{display:block;margin:3px 0px;}
<p class="logo"><img alt="اسم وبلاگتون" title="اسم وبلاگتون" src="آدرس آپلود شده عکس لوگوتون"></p>
<link rel="stylesheet" type="text/css" href="https://bayanbox.ir/download/7096496025378028121/logo.css"/>
<p class="logo"><img alt="اسم وبلاگتون" title="اسم وبلاگتون" src="آدرس آپلود شده عکس لوگوتون"></p>
۵ ۳۴۳
MilaDi Bh

آموزش های قالب

کدهای کاربردی

نظرات  (۴)

به غیر این انیمیشن میتونیم یه انیمیشن دیگه جاش بدیم؟؟



سلام!
بله میتونید اول از سایت animate.style انیمیشن مورد نظرتو انتخاب کن بعد تو این قسمت
animation-name: rubberBand;
اسم انیمیشنتو جایگزین کن .. همین:)

درست شد مرسی:)))



😌

بکگراندش چطور حذف کنم؟؟



برات حذفش کردم  کلیک

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

تنکس;)

 



بکگراند لوگوتو حذف کنی خوب میشه!
خواهش میکنم :)

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">