کد افکت گذاری روی تصاویر

مجموعه کامل کدهای افکت گذاری روی تصاویر وبلاگ و وبسایت

دوستان عزیز لیستی متنوع و کامل از کدهای افکت مخصوص تصاویر رو در زیر میبینید

توضیحات هر کد رو نذاشتم چون وقتی روشون کلیک کنید خودتون خواهید دید که نوع افکتی که میدن چی هستش

پس خواهشا خودتون ببینید و افکت مورد علاقتون رو بدون توضیحات بیشتر انتخاب کنید

اگر نیاز بود توضیحات اخر صفحه رو هم میتونید مطالعه کنید

افکت روی تصاویر

افکت شماره ۱ کلیک کنید

افکت شماره ۲ کلیک کنید

افکت شماره ۳ کلیک کنید

افکت شماره ۴ کلیک کنید

افکت شماره ۵ کلیک کنید

افکت شماره ۶ کلیک کنید

افکت شماره ۷ کلیک کنید

افکت شماره ۸ کلیک کنید

افکت شماره ۹ کلیک کنید

افکت شماره ۱۰ کلیک کنید

افکت روی تصاویر

توضیحات تکمیلی در رابطه با نحوه اعمال افکت روی تصاویر و عناصر وب

توضیحات در مورد افکت

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

این کار باعث تغییراتی از جمله کج شدن تار شدن گرد شدن و چرخش در جهات مختلف کوچک و بزرگ شدن و غیره میشود

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

روش اول دادن افکت به یک نوع تگ مثل تگ img که بر روی تمام تصاویر سایت تاثیر میگذارد مگر تصاویری که بصورت درون خطی دارای استایل باشند

مانند نمونه زیر

img{width:500;height:900;}

روش دوم دادن استایل افکت روی یک عنصر زیر مجموعه تگ یا کلاس مشخصی هست

در این روش شما تعیین میکنید که بطور مثال تصاویری که در زیر مجموعه کلاس یا ایدی خاصی قرار دارند این تغییرات روشون اعمال بشه و بر روی بقیه تصاویر اعمال نشه

مانند نمونه زیر

#menu img{width:500;height:900;}

در اینجا ما تعیین کردیم که هر تصویری که در زیر مجموعه ایدی منو میباشد این تغییرات بر انها اعمال شود

و این تغییرات تا بسته شدن تگ منو اعمال میشود ولی به قبل و بعد از ایدی منو تاثیر نخواهد گذاشت

و در روش سوم بصورت واحد اعمال میشه یعنی یک کلاس برای تصاویر داده میشه و بعد به تصویر کلاس نامگذاری شده داده میشه

مانند نمونه زیر

.test {width:500;height:900;}

<img class=”test” src=”/1395/effects/00.jpg”>

در اینجا مشخص کردیم که هر عنصری که از کلاس تست استفاده میکنه تغییرات تنها بر اون عنصر اعمال بشه نه بقیه عناصر

در اینکه کدوم روش درست تره نمیشه بطور قطع جواب داد

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

اما بنده خودم بهترین روش رو اعمال تغییر بر زیر مجموعه یک ایدی یا کلاس میدونم

اینجوری هم دستمون بازتره هم صفخمون زیاد سنگین نمیشه بخاطر تکرار کلاس برای هر تگ جدید تصویر

امید وارم این توضیحات بنده بدرد دوستان تازه کاری مثل خود من بخوره موفق باشید

ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ

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

کد افکت روی تصاویر

کد گرد شدن گوشه تصاویر

کد تار و بزرگ شدن تصاویرر

کد افکت چرخش تصاویر وبلاگ

منبع کدهای افکت گذاری روی تصاویر سایت و وبلاگ

ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ ஜ

بهترین کدها

፨ لطفا قبل از ارسال کامنت اینجا کلیک کنید ፨

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پانزده − 6 =

کد ها و ابزار مهم سایت پرنده غریب