DEV Community

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

π•Šπ•’π•šπ•›π•  π”Ύπ•–π• π•£π•˜π•–
・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 (2)

Collapse
niyasrahman profile image
niyasrahman

happy to see you in dev.to .a big fan of your side-projects

Collapse
saijogeorge profile image

Thanks Niyas.