SSMRVPU

Menu

Lorem ipsum

dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum

dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    • Title

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    • Title

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    • Title

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

    • Title

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • 1.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    2.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    3.Lorem Ipsum is simply dummy text of the printing and typesetting industry.

  • 1.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    2.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    3.Lorem Ipsum is simply dummy text of the printing and typesetting industry.

  • 1.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    2.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    3.Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, neque qui velit. Magni dolorum quidem ipsam eligendi, totam, facilis laudantium cum accusamus ullam voluptatibus commodi numquam, error, est. Ea, consequatur.

SVG clip-path Hover Effect

Attempt to re-create CJ Gammon’s portfolio grid hover effect using SVG and CSS Transitions.

Note: this is an experiment, it does not seem to work on Firefox 43.0.4 neither have touch support.
Tested on Chrome 47.0.2526.106, Opera 34.0 and Safari 8.0.6.

X-rays X-rays
Worms Worms
Aurora Aurora
Angus Angus
Huitzi Huitzi
Dalí Dalí
The Bride The Bride
The Man The Man
D D
V V
V II V II
V III V III