Skip to content

Instantly share code, notes, and snippets.

<h1>CSS Tags With Outlined Borders</h1>
<div class="wrapper">
<ul class="tag clearfix">
<li class="tag-item">Adjule</li>
<li class="tag-item">Agogwe</li>
<li class="tag-item">Ahool</li>
<li class="tag-item">Akkorokamui</li>
<li class="tag-item">Almas</li>
<li class="tag-item">Altamaha-Hae</li>
<li class="tag-item">Ameranthropoides Loysi</li>

Adaptive tabs

Tabs that animate to the height of their content when switched.

// With bonus color switcher

A Pen by Lewi Hussey on CodePen.

License.

@patilswapnilv
patilswapnilv / Anaglyph 3D with CSS-blend on mouseMove.markdown
Created June 30, 2015 07:01
Anaglyph 3D with CSS-blend on mouseMove

Anaglyph 3D with CSS-blend on mouseMove

Trying the "new" feature of CSS-blend mode on a black&white image. There is a mouseMove animation that makes the stuff funnier :)

A Pen by Robert on CodePen.

License.

Replacement For Normal
Tag

Can be used in place of


tag , More color can be added by just adding more boxes

A Pen by sanjeev yadav on CodePen.

License.

Animated filter selector

CSS + jQuery animated filter selector, inspired by the website Nest.com where you can find something pretty similar.

For instance: this code uses the "display: inline-flex" property to align horizontally the

  • elements; to have full compatibility with non-CSS3 compliants browser versions you can use floated instead of
  • inlined elements.

    A Pen by Luca Brajato on CodePen.

    License.

  • @patilswapnilv
    patilswapnilv / index.html
    Created June 30, 2015 07:30
    random threatening letter
    <button id="btn">random</button>
    <h2 id="rmd">threatening letter</h2>