PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : آموزش قرار دادن افکت زیبا روی تصاویر (سورس قرار گرفت)



®mR.Rian
2011/12/22, 11:06 AM
با سلام
دیدم یکی دوتا از دوستان فس فس میکنن برای قرار دادن اینن افکت و پیش خودشون فک میکنن بابا این چیه اوه خداست
برای شما میزارمش این خودش
<style>
#vb
{
font-family:Calibri;
width:73px;
height:74px;
background:#56d6e5;
color:#ffffff;
position:relative;
font-weight:bold;
font-size:20px;
animation:vb 5s infinite;
-moz-animation:vb 5s infinite;
-webkit-animation:vb 5s infinite;
border-radius:20px;
-webkit-border-radius:20px;
float:right;
}
@keyframes vb
{
0% {transform: rotate(-0deg);right:0px;padding:0px;}
10% {transform: rotate(-0deg);right:0px;padding:20px;}
25% {transform: rotate(20deg);right:0px;padding:40px;}
50% {transform: rotate(0deg);right:90%;}
55% {transform: rotate(0deg);right:90%;padding:50px;}
70% {transform: rotate(0deg);right:90%;background:#6ccbdc;padding: 0px;}
90% {transform: rotate(0deg);right:0px;}
}
@-webkit-keyframes vb
{
0% {-webkit-transform: rotate(-0deg);right:0px;padding:0px;}
10% {transform: rotate(-0deg);right:0px;padding:20px;}
25% {-webkit-transform: rotate(20deg);right:0pxpadding:40px;;}
50% {-webkit-transform: rotate(0deg);right:90%;}
55% {-webkit-transform: rotate(0deg);right:90%;padding:50px;}
70% {-webkit-transform: rotate(0deg);right:90%;background:#6ccbdc;padding: 0px;}
90% {-webkit-transform: rotate(0deg);right:0px;}
}
@-moz-keyframes vb
{
0% {-moz-transform: rotate(-0deg);right:0px;padding:0px;}
10% {transform: rotate(-0deg);right:0px;padding:20px;}
25% {-moz-transform: rotate(20deg);right:0px;padding:40px;}
50% {-moz-transform: rotate(0deg);right:90%;}
55% {-moz-transform: rotate(0deg);right:90%;padding:50px;}
70% {-moz-transform: rotate(0deg);right:90%;background:#6ccbdc;padding: 0px;}
90% {-moz-transform: rotate(0deg);right:0px;}
}
</style>
<div id="vb">
<img src="http://up.vbiran.ir/images/yib6incsq34hz34cmx7h.png">
<br>
<span>VBIran</span>
<br>
<br>
</div>


اینم سورسش


http://darkforce.persiangig.com/document/css.txt
کدی چیزی بود خواستینش بگین بگیریمش :)) ملت ادعاشون نشه بابا من دیگه کیم /:)

Anti.Dark
2012/10/29, 09:21 PM
چه جوری ازش استفاده کنیم؟

Danialskh
2012/10/29, 09:23 PM
درود
ادمین سی پی=====>استایل ها و قالب ها=====>جست و جو در قالب ها=====>additional.css
به انتهای آن اضافه کنید.

mahsaaaa
2014/05/17, 12:25 PM
با سپاس و درود فراوان