<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="https://chierchia.fr/wp-content/plugins/pretty-rss-feeds/xslt/pretty-feed.xsl" type="text/xsl" media="screen" ?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>animation - Ange Chierchia</title>
	<atom:link href="https://chierchia.fr/tag/animation/feed/" rel="self" type="application/rss+xml" />
	<link>https://chierchia.fr/tag/animation/</link>
	<description>Développeur Web full-stack</description>
	<lastBuildDate>Tue, 12 Aug 2025 03:49:20 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://chierchia.fr/wp-content/uploads/cropped-16350293-SSDKVqo3-32x32.jpg</url>
	<title>animation - Ange Chierchia</title>
	<link>https://chierchia.fr/tag/animation/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
					<title>Bringing Back Parallax With Scroll-Driven CSS&#160;Animations</title>
					<link>https://chierchia.fr/2025/08/bringing-back-parallax-with-scroll-driven-css-animations/</link>
		
		<dc:creator><![CDATA[<span class='p-author h-card'>Ange Chierchia</span>]]></dc:creator>
		<pubDate>Wed, 13 Aug 2025 05:30:00 +0000</pubDate>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[Notes]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[parallax]]></category>
		<guid isPermaLink="false">https://chierchia.fr/?p=4602</guid>

					<description><![CDATA[Bookmarked https://css-tricks.com/bringing-back-parallax-with-scroll-driven-css-animations/. Franchement, j’avais enterré le parallax avec les carrousels autoplay et les splash pages en Flash. Mais là, j’ai été surpris. Avec les scroll-driven animations, le truc retrouve une seconde vie : fluide, natif, et surtout sans les usines à gaz JS d’avant. L’article de CSS-Tricks décortique la méthode avec pédagogie en mode : [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class='e-content'>
<div class="wp-block-indieblocks-bookmark"><div class="u-bookmark-of h-cite"><p><i>Bookmarked <a class="u-url" href="https://css-tricks.com/bringing-back-parallax-with-scroll-driven-css-animations/">https://css-tricks.com/bringing-back-parallax-with-scroll-driven-css-animations/</a>.</i></p></div></div>



<p class="p1">Franchement, j’avais enterré le parallax avec les carrousels autoplay et les splash pages en Flash. Mais là, j’ai été surpris.</p>



<p class="p1">Avec les scroll-driven animations, le truc retrouve une seconde vie : fluide, natif, et surtout sans les usines à gaz JS d’avant.</p>



<p class="p1">L’article de CSS-Tricks décortique la méthode avec pédagogie en mode : t’as une timeline liée au scroll, tu cales tes keyframes dessus, et roule ma poule.</p>



<p class="p1">Ce que j’ai aimé, c’est qu’on n’est plus dans le « waouh » pour faire waouh.</p>



<p class="p1">C’est clean, subtil, et ça s’intègre bien dans un design qui respecte l’utilisateur.</p>



<p class="p1">Tu peux même jouer avec la perspective ou l’échelle d’un élément selon sa progression dans la page, sans flinguer les perfs.</p>



<p class="p1">Bref, si t’avais lâché l’affaire avec le parallax, c’est le bon moment pour t’y remettre.</p>
</div>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
