اموزش چشمک زدن لوگو

رزرو تبلیغــات

تعرفه تبلیغات
logo
تعرفه تبلیغات تعرفه تبلیغات

شمـا میتوانیــد برای دریافت آخرین مطالب و آگاهی از آخریـن اخبــار گلریـز وبـــ در ایمیـــل خـود در خبــرنامـه ثـبت نـام کنــید

http://s6.picofile.com/file/8209746526/2422343_9168_b.jpg

اموزش نصب:

کد های کلاس logo-image قسمت css رو با کد های زیر تعویض کنید دقت داشته باشید مکان و سایز تصویر رو ازتوی کلاس قبل logo-image به این جدیده انتقال بدید: 

.logo-image
{
width:سایز مورد نظر;
height:سایز مورد نظر;
background:url(ادرس لوگو);
position:absolute;
top:فاصله از بالا;
right:فاصله از راست;
animation:myfirst1 0.1s infinite;
animation-direction:alternate;


/* Safari and Chrome */
-webkit-animation:myfirst1 0.1s infinite;
-webkit-animation-direction:alternate;
}


@keyframes myfirst1
{
0%   {background:url(ادرس لوگو); opacity:0.1;
-moz-opacity:0.1;
-webkit-opacity:0.1;
filter:alpha(opacity=10);


}


100% {background:url(ادرس لوگو); opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
filter:alpha(opacity=100);
}
}
@-webkit-keyframes myfirst1 /* Safari and Chrome */
{
0%   {background:url(ادرس لوگو); opacity:0.1;
-moz-opacity:0.1;
-webkit-opacity:0.1;
filter:alpha(opacity=10);


}


100% {background:url(ادرس لوگو); opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
filter:alpha(opacity=100);
}
}

 


طراحی چت روم


بازدید : 5527 | تاریخ : جمعه 11 / 6 / 1394 ساعت : 8:23 |
نظرات
برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید
نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: