loading...
Cover image for Code snippets to recreate those cool effects seen on famous(ish) sites

Code snippets to recreate those cool effects seen on famous(ish) sites

saijogeorge profile image π•Šπ•’π•šπ•›π•  π”Ύπ•–π• π•£π•˜π•– ・2 min read

Today we will be looking at some snippets you can use to recreate those awesome effects you see on other sites.

Reebok Promo Image Transition - Codepen

R1ebok Promo Image Transition

The gradient pull quote as seen on Polygon - Codepen

The gradient pull quote as seen on Polygon

Facebook's scroll down to show sticky video popup - Codepen

Facebook's scroll down to show sticky video popup

Soldout Window sign from Electronic Object - Codepen

Soldout Window sign from Electronic Object

Stripe's navigation header - Codepen

Stripe's navigation header

The squiggle link effect as seen on TheOutline - Codepen

The squiggle link effect as seen on TheOutline

MomentsApp Video Loading - Codrops

MomentsApp Video Loading

Want more check out the deconstruction gallery on CodeMyUI.

Discussion

markdown guide