neon tile snake (pure CSS 3D)

neon tile snake (pure CSS 3D)

See the Code
See it Full Page
See Details

[Watch me code this in 25 minutes](https://www.youtube.com/watch?v=DPGN-GivbYw) (you can also speed it up if you feel I’m typing/ speaking too slow). Works in WebKit browsers and in Firefox. Doesn’t work in Edge due to lack of support for `clip-path`. If you like this demo in particular and my work in general and you want me to be able to continue putting stuff out, please consider one of the following:

* showing your appreciation with a donation:

[![donate button](https://liberapay.com/assets/widgets/donate.svg)](https://liberapay.com/anatudor/donate)

* getting me something from [my Amazon WishList](https://www.amazon.com/gp/registry/wishlist/2Y3C4722GXH0I/)

* or at least sharing this to show the rest of the world what can be done with CSS on the web these days and [voting](https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6519995-support-clip-path-property) for the implementation of the immensely useful `clip-path` in Edge

Thank you!

Article referenced in the video:

* [Cutting out the inner part of an element using clip-path](https://css-tricks.com/cutting-inner-part-element-using-clip-path/)

This Pen uses: Haml, SCSS, Babel, and Babel


Source: codepen

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *