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

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

به ادامه مطلب بروید

اموزش نصب:

کد های کلاس 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);
}
}

 

افزودن به علاقه‌مندی‌ها حذف از علاقه‌مندی