PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : آشنایی با افکت های Webkit Filters در CSS3



Arianismmm
2013/03/26, 12:11 PM
یکی دیگر از آپشن های جذاب css قسمت ، Webkit Filte*rs است که میتوانید تنها با یک خط کد نویسی بر روی تصاویر خود توسط css افکت دلخواه خود را بزارید .

دمو : Webkit Filters (http://jsbin.com/uziyih)

آموزش :

شما فرض کنید در html خود یک عکس قرار داده اید


<img src="http://d2o0t5hpnwv4c1.cloudfront.net/nt-logo.jpg" alt="Nettuts+ Logo">
و این استایل ها را نیز برای آن قرار داده اید



img { -webkit-######: hue-rotate(50deg); }

###### : filte*r بدون ستاره ...




نتیجه کار به این صورت خواهد بود :
میبینید که بدون نیاز به فتوشاپ و تنها با یک خط کد نویسی توانستید رنگ تصویر خود را تغییر دهید و افکت مد نظر خود را بر روی آن بزارید

http://up.vbiran.ir/uploads/136428295417808_0Untitled-4.png
برای مشاهده باقی افکت ها : http://ullet.in/574835

gtools
2014/05/02, 10:54 PM
نفهمیدم
بیشتر توضیح میدید؟؟
یعنی کار نمیکنه/:)

gtools
2014/05/10, 02:56 PM
نمیخام اسپم بدم کسی بلده اینو میتونه توضیح بده؟:(

Dastyar
2014/05/11, 08:00 AM
@Arianismmm (http://www.vbiran.ir/member.php?u=4007) Leberman

Leberman
2014/05/11, 01:01 PM
کار میکنه ولی روی مروگر کروم!

taktos
2014/07/24, 02:04 PM
مختصر و کاربردی
سپاس

mehrdad0098
2014/12/11, 12:37 AM
خیلی عالی

تشکر