• شاخه: طراحی    ::    بازدید: ۱۰۹۹
  • ۲

تغییرات شگفت‌انگیز در تصاویر فقط با یک خط css

بسیاری از ما برای ایجاد تغییرات در تصاویر از نرم افزار‌های مثل فتوشاپ استفاده می‌کنیم. تغییرات و کارهای جالب و شگفت انگیری میشه با اکشن‌های فتوشاپ روی تصاویر انجام داد. اما نکته‌ایی که اینجا وجود داره اینه که میشه با css هم میشه تصاویر رو تغییر داد. برای مثال کمی نور تصور رو بالا ببری یا بعلکس کمی تیره‌ترش کنی. در این پست ما 15 تا از این حالت‌های ترکیبی رو آوردیم که می‌تونید بکار ببرید و لذت ببرید. این نکته رو اشاره کنم که شما میتونید n+1 حالت ایجاد کنید و فقط این 15 حالت نوعی سبک هست نه 15 نوع تغییر مطلق.

حالا چطور میتونیم فقط با یک خط css چنین چیزی رو بسازیم ؟

فقط کافیه کد زیر رو بکار ببرید 🙂

code

تمامی 15 سبک هم به شرح زیر میباشد:

برای اطلاع دقیق از نحوه پشتیبانی مرورگرها ازین ویژگی css هم میتونید سری به Caniuse.com بزنید.

منبع: +

بنیامین نجفی

کل جریان من و طراحی از نوشتن شروع شد. اینقدر شوق نوشتن و وبلاگنویسی رو داشتم که کم‌کم برای تغییرات وبلاگ‌هام مجبور شدم چیزای در مورد طراحی یاد بگیرم. اگر میخواید سر حرف رو با من باز کنید، کتاب بهترین موضوعِ.

همچنین ممکن است دوست داشته باشید ...

۲ واکنش

  1. محمد گفت:

    خیلی جالب بود این امکان تو چه مرورگر هایی پشتیبانی میشه؟

    راستی کتاب مورد علاقت چیه؟ [من الباب باز کردن سر حرف گفتم 🙂 ]

دیدگاهتان را بنویسید

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