--- title: Best Codrops posts — October 2023 | daily.dev description: The most upvoted Codrops posts from October 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/codrops/best-of/2023/10 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/codrops/best-of/2023/10 og:type: website og:site_name: daily.dev og:title: Best Codrops posts — October 2023 | daily.dev og:description: The most upvoted Codrops posts from October 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Codrops — October 2023 1. 1 [](https://daily.dev/posts/animating-multi-page-navigations-with-browser-view-transitions-and-astro-4dqhaswlg "Animating Multi-Page Navigations with Browser View Transitions and Astro") Article Codrops · 3y Animating Multi-Page Navigations with Browser View Transitions and Astro Learn how to implement smooth transitions between pages in Astro using View Transitions. View Transitions make navigation seamless and effortless, reducing compatibility, performance, and accessibility issues. Find out about the performance impact, browser support, and design considerations for View Transitions. 29 2. 2 [](https://daily.dev/posts/image-layer-animations-with-clip-path-yav4so5a8 "Image Layer Animations with Clip-Path") Article Codrops · 3y Image Layer Animations with Clip-Path Introduces page transitions with clip-path animations using a tool like Clippy to create distinct clip-paths for initial and final states. Also mentions the possibility of using a two step animation. 23 1 [See all Codrops archives](/sources/codrops/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/codrops/best-of/2023/10#page","url":"https://daily.dev/sources/codrops/best-of/2023/10","name":"Best Codrops Posts — October 2023","description":"The most upvoted Codrops posts from October 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/codrops/best-of/2023/10#items","numberOfItems":2,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/animating-multi-page-navigations-with-browser-view-transitions-and-astro-4dqhaswlg","name":"Animating Multi-Page Navigations with Browser View Transitions and Astro"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/image-layer-animations-with-clip-path-yav4so5a8","name":"Image Layer Animations with Clip-Path"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Codrops","item":"https://daily.dev/sources/codrops"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/codrops/best-of"},{"@type":"ListItem","position":5,"name":"October 2023"}]}]} ```