اموزش چشمک زدن لوگو
نوشته شده توسط : S1I2N3A4

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);
}
}

 




:: موضوعات مرتبط: نکات و دستورات چت روم , ,
:: بازدید از این مطلب : 6137
|
امتیاز مطلب : 4
|
تعداد امتیازدهندگان : 1
|
مجموع امتیاز : 1
تاریخ انتشار : جمعه 11 / 6 / 1394 | نظرات ()
مطالب مرتبط با این پست
لیست
می توانید دیدگاه خود را بنویسید


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

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

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