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

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

zoom شدن تصاویر (mouse hover)

جمعه, ۲۸ آذر ۱۳۹۳، ۰۳:۴۵ ب.ظ

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

 

<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>

 

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

۹۳/۰۹/۲۸ موافقین ۱ مخالفین ۰
alahbar

نظرات  (۱۲)

۲۹ آذر ۹۳ ، ۰۸:۴۶ امین فروزان
کد متحرک کردن عنواون وبلاگ.
با این کد می تونی کاری کنی عنوان وبلاگت متحرک باشه.
واسه این کد باید بری تو امکانات اتیاری امکان استفاده از اسکریپت رو بخری.
کد:

<script type="text/JavaScript" language="javascript">
msg = "  "; msg = "این متن رو تغییر بده" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>
<script src="http://abzareh.ir/varoone/js/tads.js"></script>
<div>
<h1 style="font-size:12px"><a rel="nofollow" href="" target="_blank">متحرک کردن عنوان وب</a></div>
۲۹ آذر ۹۳ ، ۰۸:۵۴ امین فروزان
کد پیغام مدیر وبلاگ:
<script language="javascript" src="http://tiptap.ir/up/managercode/right-fix/right.js"></script><div id="pmbox"><div id="pmboxleft"><div id="pmboxright"><p dir="rtl" align="center"><font face="B Yekan,Tahoma" style="font-size: 9pt;"  color="#232323">متن پیغام شما</font></div></div></div><div style='display:none'><h2><"ir'>کد نمایش پیغام</a><h2></div>
۲۹ آذر ۹۳ ، ۰۸:۵۵ امین فروزان
کد دایره شدن عکس:

<script language="javascript" src="http://tiptap.ir/up/beauimg/6deg10rad.js"></script>
<div style="display:none"><h2><a href="">کد دایره شدن عکس</a></h2></div>
۲۹ آذر ۹۳ ، ۰۸:۵۶ امین فروزان
کد چرخش عکس:

<script language="javascript" src="http://tiptap.ir/up/beauimg/360.js"></script>
<div style="display:none"><h2><a href="">کد چرخش عکس در وبلاگ</a></h2></div>
۲۹ آذر ۹۳ ، ۰۸:۵۷ امین فروزان
کد کوچک شدن عکس:

<script language="javascript" src="http://tiptap.ir/up/beauimg/small.js"></script>
<div style="display:none"><h2><a href="">کد کوچ شدن عکس</a></h2></div>
۲۹ آذر ۹۳ ، ۰۸:۵۸ امین فروزان
کد کج و روشن تر شدن تصویر:
<script language="javascript" src="http://tiptap.ir/up/beauimg/kaj.js"></script>
<div style="display:none"><h2><a href="">کد کج شدن عکس</a></h2></div>
۲۹ آذر ۹۳ ، ۰۸:۵۹ امین فروزان
کد گرد شدن عکس:
<script language="javascript" src="http://tiptap.ir/up/beauimg/gerd.js"></script>
<div style="display:none"><h2><a href="">کد گرد شدن عکس</a></h2></div>
پاسخ:
عزیزم دوست دارم نظرتو راجع به وبلاگ قبلیم بدونم
هر موقع فرصت و حوصله داشتی یه سر بزن
خیلی چاکریم
alahbar.blogfa.com
۲۹ آذر ۹۳ ، ۰۹:۰۱ امین فروزان
کد افکت برگ شدن تصویر:
<script language="javascript" src="http://tiptap.ir/up/beauimg/barg.js"></script>
<div style="display:none"><h2><a href="">کد افکت عکس</a></h2></div>
پاسخ:
دمت گرم عزیز
بابا بیخیال من گفتم اگه چیز جالبی به نظرت اومد
اینطوری که به زحمت می افتی(بیخیال بابا یه سرچ میزنم یه سری کد پیدا میکنم شما راحت باش)
واقعا خیلی لطف داری
۲۹ آذر ۹۳ ، ۰۹:۱۱ امین فروزان
کد هدایت خودکار سایت به صفحه ای دیگر:
<script type="text/javascript">function mp(){window.open("آدرس سایتی که می خواهید بازدید کننده ارسال شود","_parent")};var myVar=setTimeout("mp()",50000);</script><br />
<center><a href="">مرجع کد و اسکریپت</a></center><br />
۲۹ آذر ۹۳ ، ۰۹:۱۵ امین فروزان
یه نشانگر موس خیلی جالب هست خیلی کدشو هتما بزار:
<script src="http://tiptap.ir/up/mouse/code/6.js"></script>
<center><a title="ابزار وبلاگ" href="">کدهای ماوس</a><br/><a href=""></a></center>
۲۹ آذر ۹۳ ، ۰۹:۱۹ امین فروزان
کد چشمک زدن لینک ها:
<script src="http://tiptap.ir/up/fantezi/cheshmak-link/code.js"></script>
۰۳ اسفند ۹۳ ، ۱۳:۴۳ امین فروزان
بعد مدت ها سلام
پاسخ:
سلام عزیز شرمنده دیر جواب میدم درگیر پروژه دانشگام

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی
ساخت وبلاگ در بلاگ بیان، رسانه متخصصان و اهل قلم