---
layout: post
title: TITLE
tags: [Tag1, Tag2]
share_image: https://i.imgur.com/xlqN8Gs.png
share_description: Description how to use something
---

<h2 class="head-link-id">Head</h2>

###Small head

Paragraph `inline code`

<a href="//malyw.github.io/css-filters/"
   target="_blank"
   class="btn-pulse">
    <span class="wrapper">
        <span class="inner"></span>
    </span>
    <span class="text">Demo</span>
</a>

<div class="more"></div>

```css
/* SYNTAX */
.apply-filters {
    [vendor-prefix]filter: <filter-function> [<filter-function>]* | none
}
```

<iframe
        src="//malyw.github.io/css-filters/?src=//gospodarets.com&filters=%7B%22brightness%22:0.9,%22hue-rotate%22:180,%22invert%22:1%7D&hideContentExcept=.iframe-wrapper&overflowHeight=350"
        frameborder="0"
        allowtransparency="true" allowfullscreen="true"
        style="width: 100%; overflow: hidden;"
        scrolling="no"
        height="350"
        >
</iframe>

{% gist malyw/fade28c8d398a3a86334 %}

<span data-height="270" data-theme-id="178" data-slug-hash="MYKmNE" data-user="malyw" data-default-tab="result" class="codepen"></span>

<div class="caniuse" data-feature="css-filters"></div>

<a class="jsbin-embed" href="//jsbin.com/payaxo/latest/embed?output&height=400px"></a>