˙·٠•●خــــــنده حـــــلال●•٠·˙

˙·٠•●خــــــنده حـــــلال●•٠·˙
بایگانی
آخرین مطالب
پربیننده ترین مطالب

۲ مطلب با موضوع «فناوری اطلاعات :: کد ابزار وبلاگ» ثبت شده است

۱۵:۴۵۲۸
آذر

اینم یه کد دیگه که یه سری افکتم روش داره(کج میشه و عکس سایه داره)

 

<style>
img{

-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/

-moz-transform:scale(0.9); /*Mozilla scale version*/

-o-transform:scale(0.9); /*Opera scale version*/

-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/

-moz-transition-duration: 0.5s; /*Mozilla duration version*/

-o-transition-duration: 0.5s; /*Opera duration version*/

opacity: 0.7; /*initial opacity of images*/

margin: 0 10px 9px 0; /*margin between images*/

}

img:hover{

-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/

-moz-transform:scale(1.1); /*Mozilla scale version*/

-o-transform:scale(1.1); /*Opera scale version*/

box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/

-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/

-moz-box-shadow:0px 0px 80px gray; /*Mozilla shadow version*/

opacity: 1;

-webkit-transform: rotate(-10deg);

}
</style>

 

منبع:امین فروزان

۱۹:۲۳۲۷
آذر

برای zoom شدن تصاویر داخل وبلاگ وقتی موس روی آن قرار میگیرد:

 

کد زیر را داخل هدر قالب کپی کنید:

 

<style>
img{
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}
img:hover {
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-o-transform:scale(1.2); 
}
</style>

 

منبع:امین فروزان