فیلترهای اینستاگرام با کتابخانه ی کوچک cssgram

دارالترجمه رسمی
دارالترجمه رسمی پارسیس شامل خدمات ترجمه رسمی و تخصصی در بیش از 60 زبان زنده دنیا
دارالترجمه رسمی پارسیس شامل خدمات ترجمه رسمی و تخصصی در بیش از 60 زبان زنده دنیا
افزونه های سئو وردپرس
بهترین افزونه های سئو وردپرس به صورت کاملا فارسی
بهترین افزونه های سئو وردپرس به صورت کاملا فارسی
افزونه فرم ساز آسان
فرم ساز آسان اولین فرم ساز کاملا فارسی وردپرس
فرم ساز آسان اولین فرم ساز کاملا فارسی وردپرس
خرید ورق گالوانیزه رنگی
خرید انواع ورق گالوانیزه رنگی با بهترین قیمت
خرید انواع ورق گالوانیزه رنگی با بهترین قیمت
بلیط هواپیما مشهد تهران
خرید بلیط هواپیما مشهد تهران
خرید بلیط هواپیما مشهد تهران
بلیط هواپیما تهران شیراز
خرید بلیط هواپیما تهران شیراز
خرید بلیط هواپیما تهران شیراز
دستگاه کارتن چسب زن
ارائه انواع دستگاه های کارتن چسب زن-چسب زن نیمه اتوماتیک و اتوماتیک
ارائه انواع دستگاه های کارتن چسب زن-چسب زن نیمه اتوماتیک و اتوماتیک
خرید اینترنتی مبل استیل
خرید اینترنتی مبل استیل
خرید اینترنتی مبل استیل
دوره احیای قلبی ریوی
برگزاری دوره احیای قلبی ریوی پایه و پیشرفته برای سازمان های اداری و مراکز درمانی
خودتان را اینجا معرفی کنید
برگزاری دوره احیای قلبی ریوی پایه و پیشرفته برای سازمان های اداری و مراکز درمانی
این کتابخونه مجموعه ایی از فیلترهای رنگی و گرادیانت های مختلف رو توسط pseudo المنتهای before :و after: روی تصویر مورد نظر شما اجرا میکنه و این یعنی مجموعه ای از فیلترها و افکتهای جالب با کمترین ادیت ممکن!
برای شروع هم دو راه وجود داره ، یا کتابخونه ی مورد نظر رو از طریق CDN وارد <head>صفحه کنید
<link rel="stylesheet" href="https://cssgram-cssgram.netdna-ssl.com/cssgram.min.css">
یا فایل css رو از اینجا دانلود کنید و به صورت دستی وارد صفحتون بکنید.
<link rel="stylesheet" href="css/cssgram.min.css">
بخش مهم و اولیه کار تموم شد، حالا عکس مورد نظرتون رو داخل تگ <figure> قرار بدید و کلاس مورد نظر رو بهش نسبت بدید.
<figure class="aden">
<img src="images/miladtower.jpg">
</figure>
این هم لیستی از کلاسهای موجود:
- Aden: class="aden"

- Reyes: class="reyes"

- Perpetua: class="perpetua"

- Inkwell: class="inkwell"

- Earlybird: class="earlybird"

- Toaster: class="toaster"

- Walden: class="walden"

- Hudson: class="hudson"

- Gingham: class="gingham"

- Mayfair: class="mayfair"

- Lo-Fi: class="lofi"

- X-Pro2 II: class="xpro2"

- 1977: class="_1977"

- Brooklyn: class="brooklyn"

- Nashville: class="nashville"

- Lark: class="lark"

- Moon: class="moon"

وضعیت پشتیبانی مرورگرها:
- Google Chrome: 43+
- Mozilla Firefox: 38+
- Internet Explorer: Nope -
- Opera: 32+
- Safari: 8+

نظرات و سوالات کاربران
یا علی