کرسف karasfi.ir

اخبار و اطلاعات شهری کرسف

کرسف karasfi.ir

اخبار و اطلاعات شهری کرسف

کدهای جدید برای عکسها در وبلاگ

کد جمع کردن گوشه ها و چرخش 360 درجه عکس
دریافت کد : کد زیر را کپی کرده در بخش تنظیمات وبلاگ در بخش کدهای جاوا اسکریپت بریزید .

----------------------------------

این کد تمامی عکسهای وبلاگ شمارو از صورت ساده به صورت چهارگوش گرد در می آورد

دریافت کد : کد زیر را کپی کرده در بخش تنظیمات وبلاگ در بخش کدهای جاوا اسکریپت بریزید .

این کد تمامی عکسهای وبلاگ شمارو از صورت ساده به صورت چهارگوش گرد در می آورد

----------------------------------------------

کد کج و بزرگ کردن عکس

دریافت کد : کد زیر را کپی کرده در بخش تنظیمات وبلاگ در بخش کدهای جاوا اسکریپت بریزید .

<STYle> img{border-radius:15px; transform:scale(0.9); -o-transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); opacity:0.8;transition-duration:1.0s; -o-transition-duration:1.0s; -webkit-transition-duration:1.0s; -moz-transition-duration:1.0s;} img:hover{transform:scale(1.0); -o-transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); transform:rotate(9deg); -ms-transform:rotate(9deg); /* Internet Explorer */ -moz-transform:rotate(9deg); /* Firefox */ -webkit-transform:rotate(9deg); /* Safari and Chrome */ -o-transform:rotate(9deg); / opacity:1.0; box-shadow:0px 0px 13px #000;-o-transition-duration:1.0s; -webkit-transition-duration:1.0s; -moz-transition-duration:1.0s;} </STYle><center><a href=target=_blank></a></center>

----------------------------------------------

کد سایه دار کردن عکس

دریافت کد : کد زیر را کپی کرده در بخش تنظیمات وبلاگ در بخش کدهای جاوا اسکریپت بریزید .

<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: 1; /*initial opacity of images*/ margin: 0 10px 9px 0; /*margin between images*/} img:hover{ -webkit-transform:scale(1); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1); /*Mozilla scale version*/ -o-transform:scale(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: 0.9; -webkit-transform: rotate(-10deg);} </STYle><center><a href=target=_blank></a></center>

------------------------------------------------

کد کج و جمع کردن گوشه های عکس

دریافت کد : کد زیر را کپی کرده در بخش تنظیمات وبلاگ در بخش کدهای جاوا اسکریپت بریزید .

------------------------------------------

کد کج کردن عکس

دریافت کد : کد زیر را کپی کرده در بخش تنظیمات وبلاگ در بخش کدهای جاوا اسکریپت بریزید .

منبع:وبنیاز

پاشایی 1392,09,26 ساعت 07:42 ب.ظ