کد زیر را کپی کرده

و در قسمت ویرایش قالب یا کد های جاوا اسکریپت وبتون قرار دهید

با این کد وقتی موس روی تصاویر شما میرود

تصاویر شما کج میشوند

<style> img:hover{ opacity:0.8;filter:alpha(opacity=80); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); } img:out{ opacity:10;filter:alpha(opacity=100); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); } img{ opacity:0.8;filter:alpha(opacity=80); } img:hover{ opacity:1;filter:alpha(opacity=100); } img:out{ opacity:0.8;filter:alpha(opacity=80); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

کد زیر را کپی کرده

و در قسمت ویرایش قالب یا کد های جاوا اسکریپت وبتون قرار دهید

<style> img{border-radius: 40px; opacity:1;filter:alpha(opacity=100); -webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size); padding:0px; float:center; -moz-transform:scale(0.9):(Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

کد زیر را کپی کرده

و در قسمت ویرایش قالب یا کد های جاوا اسکریپت وبتون قرار دهید

<style> img:hover { border: dashed underline 1px #333; border-radius: 80px 6px 80px 6px; box-shadow: 5 5 1px #333; -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); } img{border-radius: 40px; opacity:1;filter:alpha(opacity=100); -webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size); padding:0px; float:center; -moz-transform:scale(0.9):(Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

کد زیر را کپی کرده

و در قسمت ویرایش قالب یا کد های جاوا اسکریپت وبتون قرار دهید

در صورتی که میخواهید رنگ سایه عوض شود

#000 را در کد پیدا کرده و از قسمت کد رنگ اسکینک 

کد رنگ مورد نظر را جایگزین کنید

کد:

<style> img:hover{border-radius: 50px; opacity:0.8;filter:alpha(opacity=80); -webkit-transform:scale(1.1):( Webkit: Scale up image to 1.2x original size); -moz-border-radius:6px;-webkit-border-radius:30px; box-shadow: 10px 10px 5px #000; -moz-transform:scale(1.1):( Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } img:out{border-radius: 40px; opacity:1;filter:alpha(opacity=100); -webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size); padding:0px; float:center; -moz-transform:scale(0.9):(Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

کد زیر را کپی کرده

و در قسمت ویرایش قالب یا کد های جاوا اسکریپت وبتون قرار دهید

<style> img { border: datted 5px #000; border-radius: 80px 7px 80px 7px; box-shadow: 0 0 1px #333; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

کد زیر را کپی کرده

و در قسمت ویرایش قالب یا کد های جاوا اسکریپت وبتون قرار دهید

در صورتی که میخواهید رنگ سایه عوض شود

#000 را در کد پیدا کرده و از قسمت کد رنگ اسکینک 

کد رنگ مورد نظر را جایگزین کنید

کد:

<style> img { border-radius: 4px; border: 1px solid #fff; max-width: 480px; margin: 2px; padding:0px; float:center; filter:alpha(opacity=100); -moz-border-radius: 6px; -webkit-border-radius: 6px; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; opacity:1.0; } img:hover{ border-radius: 7px; border: 1px solid #000; max-width: 480px; margin: 2px; padding:0px; float:center; filter:alpha(opacity=40); opacity:0.4; -moz-border-radius:6px;-webkit-border-radius:6px; box-shadow: 10px 10px 5px #000; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in; } img:hover{ opacity:1;filter:alpha(opacity=100); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); } img:out{ opacity:1;filter:alpha(opacity=100); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

کد زیر را کپی کرده

و در قسمت ویرایش قالب یا کد های جاوا اسکریپت وبتون قرار دهید

 لطفا در صورتی که کد مشکل داشت به ما خبر دهید

<style> img:hover{border-radius: 50px; opacity:0.8;filter:alpha(opacity=80); -webkit-transform:scale(1.1):( Webkit: Scale up image to 1.2x original size); -moz-border-radius:6px;-webkit-border-radius:30px; box-shadow: 10px 10px 5px #000; -moz-transform:scale(1.1):( Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } img:out{border-radius: 40px; opacity:1;filter:alpha(opacity=100); -webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size); padding:0px; float:center; -moz-transform:scale(0.9):(Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*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 5px 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 30px gray; /*Mozilla shadow version*/ opacity: 1; } </style> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

کد زیر را کپی کرده

و در قسمت ویرایش قالب یا کد های جاوا اسکریپت وبتون قرار دهید

<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> <script src='http://up.rozblog.com/up/ghaleb-weblog/1.js'></script>

ادامه آیکن ها در ادامه مطلب........

ادامه آیکن ها در ادامه مطلب.......