اگر طرفدار فیلترهای اینستاگرام هستید و دوست دارید اون ها رو خارج از اپلیکیشن اینستاگرام هم در دسترس داشته باشید کتابخونه ی CSSGram با حجمی کمتر از ۱KB به راحتی این امکان رو براتون فراهم می‌کنه.
این کتابخونه مجموعه از فیلترهای رنگی و گرادیانت های مختلف رو توسط 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>
لیستی از کلاس‌های موجود CSSGram :
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+
منبع : مجید آنلاین
