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

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

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

Welcome
To My Personal Blog

وبلاگ دوستان
.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

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

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

نظرات  (۵)

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



سلام...
از کدی که در همین پست گذاشتم میتونید استفاده کنید البته برای اینکه لوگو تو هدر خوب جا بیوفته با توجه به هدرتون یکم تنظیم میخواد و اگ میخوای برات درستش کنم سورس کد html رو برام بفرست تا خوب تنظیمش کنم:)

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



سلام!
بله میتونید اول از سایت 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="">