Give Effect for Image use CSSGram Instagram Filters

Give Effect for Image use CSSGram Instagram Filters - Hallo friend Cara Mudah Posting Gratisan, In the article you read this time with the title Give Effect for Image use CSSGram Instagram Filters, we have prepared well for this article you read and download the information therein. hopefully fill posts Article CSS, Article CSS3, Article Resource, Article Trik dan Tips, Article Tutorial, we write this you can understand. Well, happy reading.

Title : Give Effect for Image use CSSGram Instagram Filters
link : Give Effect for Image use CSSGram Instagram Filters

Also Read


Give Effect for Image use CSSGram Instagram Filters

Membuat efek khususnya pada sebuah gambar dengan menggunakan bahasa CSS memang banyak sekali. You can try search in my blog with keyword effect use CSS Dulu AA pernah memosting artikel dengan tema snippet inline CSS filter for mozilla Contoh simple hover effects with CSS filters. Dengan seiring berkembangnya teknologi web browser engine, maka ikut maju pula rumus-rumus kode CSS yang sudah ada!
Gue mau berbagi informasi bagi blogger yg konten blognya berkutat dengan gambar, bagaimana cara memberikan efek-efek cuamik pada gambar tanpa ribet :-O Una sudah membuatkan satu bundel CSS library dengan nama CSSgram.

Dengan menanamkan link CSS-gram ke dalam template, anda sudah bisa mendapatkan ± 21 jenis efek. Satu dari beberapa hal yg mesti diperhatikan coba lakukan test terlebih dahulu pada mesin browser kalian apakah sudah mendukung CSS Filters and CSS Blend Modes For more information, check on Can I Use. Bagaimana cara pakai & pasang si gramCSS ini!!!

Simpan link di bawah tag <head>
Link by CDN<link rel="stylesheet" href="https://cssgram-cssgram.netdna-ssl.com/cssgram.min.css" />Link to work locally Download the CSSgram Library.

Jika sudah terpasang, cara pemakaian tinggal menambahkan kelas untuk elemen gambar loe dengan nama filter yang ingin elo gunakan.
Sebagai contoh:<!-- HTML -->
<figure class="aden">
<img src="LINK-YOUR-IMAGE" alt="" />
</figure>
Perhatikan tulisan aden, inilah class 21 gaya yg bisa sobat gonta-ganti :D

Available Classes

For use in HTML markup:
  • 1977:class="_1977"
  • Aden:class="aden"
  • Brooklyn:class="brooklyn"
  • Clarendon:class="clarendon"
  • Earlybird:class="earlybird"
  • Gingham:class="gingham"
  • Hudson:class="hudson"
  • Inkwell:class="inkwell"
  • Lark:class="lark"
  • Lo-Fi:class="lofi"
  • Mayfair:class="mayfair"
  • Moon:class="moon"
  • Nashville:class="nashville"
  • Perpetua:class="perpetua"
  • Reyes:class="reyes"
  • Rise:class="rise"
  • Slumber:class="slumber"
  • Toaster:class="toaster"
  • Walden:class="walden"
  • Willow:class="willow"
  • X-pro II:class="xpro2"

Source by:
>> una.im/CSSgram
>> arttheweb.com


Thus articles Give Effect for Image use CSSGram Instagram Filters

that is all articles Give Effect for Image use CSSGram Instagram Filters This time, hopefully can provide benefits to all of you. Okay, see you in another article posting.

You now read the article Give Effect for Image use CSSGram Instagram Filters with the link address https://autopostingblogspot.blogspot.com/2016/02/give-effect-for-image-use-cssgram.html

0 Response to "Give Effect for Image use CSSGram Instagram Filters"

Posting Komentar